JavaScript - iOS Web 側のスクロール ページがベタベタする

Question

現象:
iphone6 plus、iphone7 plus、iphone6s plusの場合、上に引き上げると商品ページが表示され、20商品ごとに1ページが表示されます。最後まで引き上げると商品データが読み込まれます。次のページで。すぐにスライドについて考えてみましょう。一定のページ数（状況に応じて）スライドすると、まれにページがベタベタしてスライドできなくなることがあります。これは毎回起こるわけではありません。

このページは、react.js を使用して構築された単一ページのアプリケーションです。

質問:
問題の位置づけが少々不明瞭です
(1) 現状から判断すると、この問題はAndroid側では発生しておらず、iOS側でのみ発生しているようです。 iOS システム? この厄介な問題が発生します;
(2) これが起こる前に、特定のページ数までめくられる必要がありますが、その可能性は非常に高くありません;
(3) スクロールの構成page dom is p p スクロールするページ dom を構築するのに一般的な pul li タグは使用しません。pp メソッドの使用に隠れた問題はありますか?
(4) 反応.js を使用してページをレンダリングすると、次のような問題が発生します。不適切な使用ですか? この種のページのスティッキーな状況は JavaScript の処理が原因で発生します;

上記の問題が発生して解決した場合は、助けてください。

Answer 1

この状況は、-webkit-overflow-scrolling:touch 属性を使用すると、この属性がレンダリング用に追加されたレイヤーを要素に追加することによって発生するはずです。ただし、この属性を使用しないとページが滑らかでなくなるため、現在の解決策は、transfrom プラグインを使用してスクロールをシミュレートすることです。これには -webkit-overflow-scrolling:touch 属性は必要ありません。ただし、欠点は次のとおりです。大きなパフォーマンスの問題とフレームのフリーズが発生していること。

Answer 2

-webkit-overflow-scrolling:touch はこの属性の問題です。私の解決策は、それを削除して本文に付属のスクロール バーを使用することです

。