ガラ

ここからはじめよう

2018.09.07
jQuery

ウィンドウサイズによってjQueryの記述を変える

レスポンシブでホームページを作るとき、ウィンドウサイズによってcssを切り替えます。

jQueryも変えたい時ってありますよね。

 

ウィンドウサイズによってjQueryを切り替えたい時は下記のコードを。

 

//ウインドウサイズの横幅によって条件分岐する
var windowWidth = $(window).width();
var windowSm = 640;
if (windowWidth <= windowSm) {
    //横幅640px以下のとき(スマホサイズ)の処理を書く
} else {
    //横幅640px以上のとき(タブレット・PCサイズ)の処理を書く
}

お勧めの記事

過去の記事