2016-07-12 21 views
1

スクロールにイベントリスナーがあり、デスクトップのブラウザ(スクロールが開始されるとすぐにイベントが発生する)とモバイル(Chromeの最新バージョン+アンドロイドバージョン5.0)のクロムブラウザですべて正常に動作します他のモバイルブラウザ(ff、アンドロイドブラウザ)では、これは別の方法で動作し、一部を検索した後、スクロールアクションが完全な停止(画面からの指の離し)になるまでスクロールイベントが発生しないためです。モバイルでのスクロールイベントの火災の遅延

私の質問には、おそらくいくつかのベストプラクティスがあるので、(デスクトップのように)正常に起動し、劇的なパフォーマンスの変化はないでしょうか?

* JSソリューションのみ(jqueryでは使用できません)。

答えて

2

iScrollを使用できます。 jQueryに依存せず、他のものの中からあなたが望むもの(モバイルプラットフォーム上でスクロールイベントを連続的に実行〜)を実現します。

iScrollを使用して実装する方法については、this answerを参照してください。

+0

どのように動作するのですか?この小さなことを乗り越えるために単にコードの他のファイルをインポートするだけではいけません。これを達成するために、はるかにクリーンな方法でなければならない – zaknuroy

1

私はMohit Bhardwajの答えに同意し、iScrollについて重要なことを言いたいだけです。

iScrollの実行は、css3 translateとtouchMove、touchStart、touchEndなどのjsイベントに依存します。ページ内のスクロールシステム全体または処理するように設定した要素コンテナを処理すると考えてもかまいません。 iScrollでスクロールイベントを聞きたい場合は、iscroll-probe.jsをインポートしてprobeType paramを2または3で設定する必要があります。そうしないと、スクロールイベントが発生しません。

iScrollバージョン5は良いです、私は多くのプロジェクトでそれを使用しています。あなたはドキュメントとコードを見ることができます here

関連する問題