【JavaScript】特定のスクロール量を基準にする - Qiita

開始タグ 「スクロールしたらヘッダーをあれこれしたい」的なことは日々増えている気がするのでメモ。 方法 例えば、 ・スクロールしたらヘッダーの背景を白色にしたい ・ヘッダーの文字サイズを大きくしたい みたいなCSSで解決できそうなものであれば ・特定のスクロール量を基準にクラス名をつけ外しさせる 方法で対処できます。 $(window).on("load resize scroll", function() { var body = $("body"); var browseWid = $(window).width(); //ブラウザの横幅取得 var widPc = browseWid > breakpoint; //PC表示のとき var widSp = browseWid <= breakpoint; //SP表示のとき var amount = 250; //スクロール量（px）