jQuery Mobile スクロールイベント

jQuery Mobileはスクロールイベントを2種類提供しています:スクロールが始まる際とスクロールが終わった際です。

jQuery Mobile Scrollstart

ユーザーがページをスクロールし始めたときにscrollstartイベントがトリガーされます:

$(document).on("scrollstart",function(){
  alert("スクロール開始!");
});

自分で試してみる

注記:iOSデバイスはスクロールイベントが発生したときにDOM操作を凍結します。これはユーザーがスクロールする際に何も変更できないことを意味します。しかし、jQueryチームはこの問題を解決するために取り組んでいます。

jQuery Mobile Scrollstop

scrollstop イベントはユーザーがページのスクロールを停止したときにトリガーされます:

$(document).on("scrollstop",function(){
  alert("スクロール終了!");
});

自分で試してみる