モバイルページのIOSでのスライドが遅くなりスムーズではありません

925 ワード

問題最近、動的にロードされたリストを作成し、ページが最後までスライドしたときに、新しいページのデータをロードします.だからscrollイベントのリスニングを追加しました.そして携帯電話でページを開くと、スライドが遅くなっています.指を画面から離すと、スライドが止まり、通常はもう少しスライドが続きます.
メソッドがscrollイベントでデータを取得するメソッドを最適化するために最初に実行した回数.しかし、この場合、データを取得する方法は、底部を滑るときにのみトリガーされるため、この最適化方法は対症ではない.
また、Androidシステムでページを開くと、スライドがスムーズになります.
その後、いくつかの場所が一つの方法を示しているのを見て、試してみると本当にできます.スライドイベントをリスニングする要素にスタイルを追加します.
-webkit-overflow-scrolling: touch;
-webkit-overflow-scrolling属性制御要素がモバイルデバイス上でスクロールバウンド効果を使用するかどうかを制御します.2つの値があります.
  • auto:通常のスクロールを使用して、指をタッチスクリーンから離すと、スクロールがすぐに停止します.
  • touch:リバウンド効果のあるスクロールを使用して、指をタッチスクリーンから離すと、コンテンツはしばらくスクロール効果を維持し続けます.スクロールを続ける速度は、スクロールジェスチャーの強さに比例します.新しいスタックコンテキストも作成されます.

  • 参考:
  • -webkit-overflow-scrolling: https://developer.mozilla.org/zh-CN/docs/Web/CSS/-webkit-overflow-scrolling
  • 高性能スクロールscrollおよびページレンダリング最適化:http://web.jobbole.com/86158/