記事の「ハウツー」の側面に焦点を当てた、いくつかのタイトルのオプションを次に示します。 * jQueryを使用せずにJavaScriptでスクロール方向を検出する方法 * JavaScript のスクロール方向検出: シム

<code class="javascript">var lastScrollTop = 0;

// Customize this to target the desired element for scroll detection.
document.addEventListener("scroll", function() {
  var st = window.pageYOffset || document.documentElement.scrollTop;
  if (st > lastScrollTop) {
    // Code to execute when scrolling down
  } else if (st < lastScrollTop) {
    // Code to execute when scrolling up
  }
  // Reset the lastScrollTop value to prevent false negatives on mobile devices.
  lastScrollTop = st <= 0 ? 0 : st;
}, false);</code>