ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。