Phänomen:
Beim iPhone6 Plus, iPhone7 Plus, iPhone6S Plus, rufen Sie die Produktseite auf. Wenn Sie das Ende erreicht haben, rufen Sie die Seite auf, um die Produktdaten zu laden . Denken Sie schnell darüber nach, eine bestimmte Anzahl von Seiten zu verschieben (abhängig von der Situation), dass die Seite gelegentlich klebrig wird und nicht mehr verschoben werden kann. Das passiert nicht jedes Mal.
Die Seite ist eine Einzelseitenanwendung, die mit „react.js“ erstellt wurde.
Frage:
Der Ort des Problems ist derzeit etwas unklar.
(1) Nach der aktuellen Situation tritt dieses Problem nicht auf der iOS-Seite auf. Liegt es am iOS-System selbst? Gibt es dieses Problem?
(2) Diese Situation muss auf eine bestimmte Anzahl von Seiten umgedreht werden, aber das ist nicht sehr wahrscheinlich. und wird nicht über die gängigen Tags wie p + ul + li erstellt. Gibt es ein verstecktes Problem bei der Verwendung von p + p? ? Die Situation wird durch die Verarbeitung von Javascript verursacht;
Wenn Sie auf die oben genannten Probleme gestoßen sind und diese gelöst haben, helfen Sie bitte.
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
这种情况应该是因为使用了-webkit-overflow-scrolling:touch属性导致的，webview会为添加了此属性的元素添加一层进行渲染。但是不使用这个属性又会导致页面不流畅，所以我当前的解决方法是使用transfrom模拟滚动的插件，不需要-webkit-overflow-scrolling:touch属性，但是缺点是性能问题大，有卡帧现象；
-webkit-overflow-scrolling:touch 是这个属性问题，我的解决办法是去掉，然后用body自带的滚动条