iPhone/iPad でスクロール イベントをキャプチャする方法: 違う理由と正しいやり方

iPhone/iPad でのスクロール イベント キャプチャのトラブルシューティング

iOS デバイスでのスクロール イベントのキャプチャは、デスクトップ ブラウザに比べて難しい場合があります。この記事では、この問題に対処し、iOS でのスクロールの固有の動作について説明し、イベント処理の解決策を提供します。

iOS スクロール イベントの動作

PC の Web ブラウザとは異なり、iPhone ではと iPad デバイスはスクロール イベントを別々にキャプチャします。 1 本指のパンと 2 本指のスクロールは、ユーザーが動作を停止した後、ページが再描画されるときにのみスクロール イベントをトリガーします。この動作は、デスクトップ ブラウザでの即時イベント トリガーとは対照的です。

イベント ハンドラーのインストール

イベントの固有の動作にもかかわらず、スクロール イベント ハンドラーをアタッチする一般的な方法は iOS でも引き続き機能します。デバイス:

• window.addEventListener('scroll', ...)
• $(window).scroll(...)
• window.onscroll = ...

例:

<code class="javascript">window.addEventListener('scroll', function() {
  console.log('Scrolled');
});</code>

追加情報

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

以上がiPhone/iPad でスクロール イベントをキャプチャする方法: 違う理由と正しいやり方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。