スクロールストップを通知するjQueryイベントの作り方

$(window).on("scrollstop",function(){
  console.log("スクロールが停止しました。");
});

作り方

var scrollStopEvent = new $.Event("scrollstop");

function scrollStopEventTrigger(){
  if (timer) {
    clearTimeout(timer);
  }
  timer = setTimeout(function(){$(window).trigger(scrollStopEvent)}, 200);
}

$(window).on("scroll", scrollStopEventTrigger);

$(function(){
  var scrollStopEvent = new $.Event("scrollstop");
  var delay = 200;
  var timer;

  function scrollStopEventTrigger(){
    if (timer) {
      clearTimeout(timer);
    }
    timer = setTimeout(function(){$(window).trigger(scrollStopEvent)}, delay);
  }
  $(window).on("scroll", scrollStopEventTrigger);
  $("body").on("touchmove", scrollStopEventTrigger);
});

呼び方

Array

$(function(){<br>
  $(window).on("scrollstop",function(){<br>
    console.log("スクロールが停止しました！");<br>
  });<br>
});<br>

最後に

関連する記事

新卒新入社員がProgateとCODEPREPで学習した結果 C#でWindowsサービスを操作しよう PHPとMySQLの日付型のFORMAT 基本情報技術者試験の勉強法について

• Tweet