スクロールイベント　【jQuery】

$(window).scroll(function() {
    // windowがスクロールされた時に実行する処理
});

windowはシングルクォーテーションなどではかこまない。htmlのタグではないので。

実験

$(function () {
 
  $(window).scroll(function () {
    // スクロールするたびに実行する処理
    console.log('スクロールしています');
  });
});

スクロール量の変更と取得　 scrollTop()

スクロールイベントとセットで覚えるべき。

スクロール量に応じて（上から〇pxスクロールしたのかなど）CSSを変更する、など使用する場面が多い。

.scrollTop()　パラメータを省略すると、取得する。

offset() HTML要素の表示位置を座標で取得できるメソッド

「offset()」は、画面上（document内）に配置したHTML要素の表示位置を座標で取得できるメソッド。