$(window).scrollTop()

jQuery

$(window).scrollTop()って?

ページの一番上からのスクロール量が分かる

$(window).scrollTop()によりページの一番上からのスクロール量が分かる。

スクロール量って?

どういう時に使うの?

用途としては変数に設定したのち、指定したスクロール量に応じた処理を実行することが多いです。

下のコードのサンプルをご覧ください。

See the Pen Untitled by mutsu (@mutsu2719) on CodePen.

このコードの解説

  1. ページの一番上からのスクロール量を変数「scrollTop」で宣言
  2. スクロール量が100を超えた場合、CSSを変更する

コメント

タイトルとURLをコピーしました