iPhone/iPad で「window.onscroll」が機能しないのはなぜですか?

スクロール イベントを使用した 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"); });

追加リソース

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

以上がiPhone/iPad で「window.onscroll」が機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。