レスポンシブでの要素の高さ変更などは、普通はcssで行うよね?
pcではheader{height:90px}
で、
spではheader{height:200px}のように。
でもspではメニューが上からズルっと降りてきたりして、その際に、hightが動的に書き換える処理になったりする。
のように。
すると、html側では、headerにstyle属性がつく。
その状態でウィンドウサイズをpcに戻したりすると、cssで指定したheight{90px}よりもstyleで書かれた動的な高さが適用されてしまう。
そういう場合にどうしたらいいのかなって考えてたんだけど、
いったん今のところの解決は、
pcになったらstyleをカラにしちゃうってことかな。と。
って感じで。
※removeAttr()なるjQueryメソッドもあるらしいんだけどこれをやると、今度はsp側で動的に変更ができなくなるので使えなかった。
pcではheader{height:90px}
で、
spではheader{height:200px}のように。
でもspではメニューが上からズルっと降りてきたりして、その際に、hightが動的に書き換える処理になったりする。
var winH = $(window).height();
$('height').height(winH);
のように。
すると、html側では、headerにstyle属性がつく。
その状態でウィンドウサイズをpcに戻したりすると、cssで指定したheight{90px}よりもstyleで書かれた動的な高さが適用されてしまう。
そういう場合にどうしたらいいのかなって考えてたんだけど、
いったん今のところの解決は、
pcになったらstyleをカラにしちゃうってことかな。と。
if(winsize > hogehoge){ // pcになったら
$('header').attr('style','');
}
って感じで。
※removeAttr()なるjQueryメソッドもあるらしいんだけどこれをやると、今度はsp側で動的に変更ができなくなるので使えなかった。