スクロール イベントを使用した iPhone/iPad でのイベント キャプチャ

iPad でスクロール イベントをキャプチャしようとしているときに、トラブルシューティングの取り組みにより、一般的なアプローチが明らかになりました。 window.onscroll や document.onscroll などは、必要な応答をトリガーできません。

iOS でのイベント処理についてデバイス

iPhoneOS のイベント処理メカニズムは、従来のデスクトップ ブラウザとは異なります。連続した 1 本指のパンまたは 2 本指のスクロール中には、スクロール イベントは生成されません。代わりに、ユーザーがページの移動を停止して再描画するとイベントがトリガーされます。

iPhone/iPad でのスクロール イベントのキャプチャ

iPhone/iPad でスクロール イベントを正常にキャプチャするには、

window.addEventListener('scroll', function() { alert("Scrolled"); });

または同等の jQuery 構文:

$(window).scroll(function() { alert("Scrolled"); });

追加リソース

詳細については、Safari Web コンテンツでのイベントの処理に関する Apple のドキュメントを参照してください。 https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html