ホームページ > 記事 > ウェブフロントエンド > モバイル端末上でプルアップとスライドダウンを実現するJSの機能紹介
モバイル端末上でプルアップとスライドダウンを実現するJSの機能紹介
- 巴扎黑オリジナル
- 2018-05-19 09:50:472559ブラウズ
指を使って画面にタッチし、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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。