問題タブ [touchmove]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1063 参照

jquery - ページの下部に到達したときの toggleClass

ユーザーがスクロールを開始したときに、スティッキー ヘッダーの css を変更するために使用するコードがあります。

私はそれをそのままにしておきたいのですが、ユーザーがページの下部にも到達したときに、スティッキー ヘッダーを元の css クラス (#header_container) に戻そうとしています。

申し訳ありませんが、私はこれが得意ではありません。

あなたが助けてくれることを願っています! ありがとうございました!

0 投票する
1 に答える
1399 参照

javascript - 調整された機能と組み合わせた touchmove をスクロールするデフォルトのブラウザーを防止する方法

タッチ デバイス上で指が動いたときに関数をトリガーする必要があります。タッチムーブすると、デフォルトのブラウザーのスクロールが無効になり、 JsFiddlee.preventDefault(); の最初のセクションを参照してください。

トラフィックを削減するために、この関数は、ライブラリを使用しているtouchmove間、0.5 秒ごとにのみ呼び出されます。ただし、ブラウザのスクロールは無効になりません。2 番目のセクションを参照してください。_.throttleunderscore

呼び出された関数が調整されている場合でも、タッチ デバイスでブラウザーのスクロールを無効にするにはどうすればよいですか?

セクション 1

第2節

0 投票する
0 に答える
820 参照

jquery - モバイルでのスクロール時に Waypoints Inview を機能させる

Waypoints Inview を使用して、Web サイトの特定のセクションにスクロールしたことを検出し、表示されている div の背景色を取得し、それがどの色であるかを確認してから、クラスをナビに出力して色を変更しています。

デスクトップでは素晴らしく機能しますが、モバイルに関しては、ユーザーがスクロールを停止したときにのみ起動するため、正しく機能していないように見えます. これで、「touchmove」を使用できることがわかりましたが、Waypoints Inview でそれを機能させる方法がわかりません。

どこでも答えをチェックしたと確信していますが、それを理解できないようです。

バックグラウンドでナビゲーションがどのように変化するかを確認できるように、JSFiddle を含めて、達成しようとしているものの基本バージョンを示します。スクロールを止めた後ではなく、モバイル デバイスですぐに動作させる方法が必要です。

ありがとう、

0 投票する
0 に答える
1293 参照

javascript - イベントトリガー前のJavascript TouchMove遅延

タッチがどこにあるかの一定の座標を取得しようとしていますが、残念ながらアプリケーションを実行すると、「touchmove」がアクティブになる前にピクセルしきい値または超える必要があることに気付きました。このしきい値を変更する方法はありますか? それとも何か他のものですか?(できればJQueryを使用しないでください)

何が起こるのですか:

タッチ = インスタント X、Y 座標

Move Touch around = X、Y座標は「一定量のピクセルが通過する」まで変化しません(しきい値?)

0 投票する
1 に答える
1420 参照

javascript - Cordova - 「touchmove」イベントがすぐに発生しない

私はこの簡単なコードを持っています:

私がやろうとしているのは、イベント「touchmove」をすぐに発生させることですが、発生する前にしきい値のように、特定の量のピクセルを渡す必要があります。

私の場合、発火する前に指を約 0.5 インチ動かさなければならないようです。しきい値を持たずに発火させる方法はありますか?

アプリで単純なボックスをドラッグしようとしていますが、「touchmove」を認識する前にさまざまなイベントをチェックしているようで、遅延のために見苦しくなります。

これは時間の問題ではなく、距離の問題です。

0 投票する
1 に答える
406 参照

javascript - 連続オンタッチムーブ?

PC での動作と同様に、Android モバイルでこれを継続的に動作させるにはどうすればよいですか? 現在、それはありません:

0 投票する
0 に答える
342 参照

javascript - モバイルでのタッチスクロールが機能しないmodernizr.jsを使用

モバイルのこのコードでは、ボディをタッチして移動しても移動しませんが、ヘッダーまたはフッターにタッチして移動するとスクロールできます...

しかし、私の(iphone)または一部のモバイルでは動作しますが、他のモバイルでは動作しませんブラウザエミュレータを使用して確認できますが、そこでは動作しません 問題はmodernizr.jsにあると感じます 誰か助けてください

0 投票する
0 に答える
168 参照

javascript - jQueryのtouchmoveイベントはスクロールアップでのみ機能します

mpu 広告スロットが表示されたらロードしたいです。現在、デスクトップでは問題なく動作しますが、モバイル デバイスを処理するコードが正常に動作していません。

広告スロットがページに部分的に表示されている場合、広告が表示されます。現在、これはユーザーが広告スロットまでスクロールしてから上にスクロールした場合にのみ機能します。

ユーザーが上にスクロールするとすぐに、広告が読み込まれます。どうして??

ページに広告を配置するために呼び出される関数:

広告コンテナが表示可能かどうかを判断するために 使用される関数: (上記の関数で使用)

0 投票する
0 に答える
383 参照

javascript - スクロールを 1 つだけ許可する
携帯で

Web アプリで作業していて、画面が動き回らないようにしたいので、次から始めます。

...その後、divスクロールできるようにする必要があることに気付いたので、追加しました:

正常に動作しますが、その div 内でモバイルでスクロールすると、画面全体が再び移動する可能性があります。世界の終わりではありませんが...すべてを静止させ、1つのdivだけを移動させる方法はありませんか?

編集

これは機能しますが、統合してよりエレガントにすることはできますか?: