iPhone/iPad（iOS）でもJavaScriptのスクロールイベントは使える？

iPhone/iPad（iOS）でもスクロールイベントは取得できる

結論から言うと、はい、iOSでもスクロール時にonscrollイベントを正しく取得できます。iPhoneやiPadのSafariをはじめとするブラウザでは、ユーザーが指で画面をスクロールするたびにスクロールイベントが発生します。

iOSでは、こうした指1本による操作を「ワンフィンガーイベント（one-finger events）」と呼びます。そして重要なのは、イベントが生成されるかどうかはユーザーが画面のどこをタップ・タッチしたかによって決まるという点です。ページの有効なコンテンツ領域への操作か、あるいは無効化された領域への操作かによって、イベントの発生可否が変わります。

パン（panning）ジェスチャー

指を画面に当ててなぞるように動かすスクロール操作は、「パンジェスチャー（ドラッグ操作）」と呼ばれます。これは最も一般的なスクロール方法で、この操作中にもonscrollイベントが発生します。

画像クレジット：Apple

タッチ＆ホールド

また、指を画面に押し当てたまま一定時間保持する「タッチ＆ホールド」の操作も、同様にイベント処理の対象となります。

画像クレジット：Apple

開発時に知っておきたいポイント

モバイル向けにスクロール処理を実装する際は、以下の点にも注意するとよいでしょう。

• 慣性スクロール（指を離した後の滑り）の間は、環境によってscrollイベントの発火タイミングが遅れる場合があります。
• より細かいタッチ操作を扱いたい場合は、touchstart・touchmove・touchendなどのタッチイベントを併用するのが効果的です。

このように、iPhoneやiPadでもデスクトップと同様にスクロールイベントを活用できるため、タッチ操作を意識した実装を行えば、モバイル端末でも快適なインタラクティブなページを作成できます。