モバイル端末上でプルアップとスライドダウンを実現するJSの機能紹介

指を使って画面にタッチし、touchstart と touchend を使用して前後のスライド距離を計算し、引き上げているのか下にスライドしているかを判断します。次に、コード例を通して js モバイル端末のプルアップとスライドダウン機能を紹介します。興味のある方は一緒に見てください。 1. 指で画面をタッチし、タッチスタートとタッチエンドを使用して計算します。前後の滑走距離で懸垂か滑落かを判断します。

2. js の距離の違い: pageY、clientY、offsetY:

OffsetY: 親ノードを基準としたオフセット距離。

クライアント Y: ブラウザーと比較して、スクロール ホイールの距離は含まれません。

pageY: ブラウザを基準として、ホイールのスクロール距離が含まれます。この例では、pageY を使用して、画面に触れたときの位置 -startY と、終了したときの -endY を減算して決定します。上または下に移動します。

3. touchstart には touchs 属性があり、touchend にはChangedTouches 属性があり、2 つの属性にはそれぞれ pageY と pageX の情報が含まれます。

りー

4、

りー

以上がモバイル端末上でプルアップとスライドダウンを実現するJSの機能紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。