jQueryもレスポンシブにしたいときは、画面幅で条件分岐させる。
$(window).on('load resize', function(){
var w = $(window).width();
var x = 768;
if (w > x) {
// wがxより大きいとき
} elseif (w >= x) {
// wがx以上のとき
} elseif (w < x) {
// wがxより小さいとき
} elseif (w <= x) {
// wがx以下のとき
}
});
1行目のload resizeは、ロード時とリサイズ時に発動させる呪文。
3行目で分岐させたい画面幅をpx抜きで定義。
- 参考サイト