JavaScript - iOS Web 側のスクロール ページがベタベタする
某草草
某草草 2017-06-30 09:56:35
0
2
756

現象:
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 の処理が原因で発生します;

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

某草草
某草草

全員に返信(2)
黄舟

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

いいねを押す +0
给我你的怀抱

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート