javascript - La page défilante côté Web iOS est collante

Question

Phénomène : 
Avec l'iPhone6 ​​​​plus, l'iPhone7 plus, l'iPhone6s plus, tirez vers le haut pour récupérer la page du produit. La page affiche une page pour 20 produits. Après avoir atteint la fin, tirez vers le haut pour charger les données du produit de la page suivante. . Pensez vite au glissement. Après avoir glissé un certain nombre de pages (selon la situation), la page deviendra parfois collante et ne pourra plus glisser. Cela n'arrive pas à chaque fois.

La page est une application d'une seule page construite à l'aide de React.js.

Question :
L'emplacement du problème est un peu flou maintenant
(1) À en juger par la situation actuelle, ce problème ne se produit pas du côté Android. Ce problème ne se produit que du côté iOS. a-t-il un problème collant ? Le problème ;
(2) Cette situation ne se produira qu'après qu'un certain nombre de pages auront été retournées, mais ce n'est pas très probable
(3) La composition du dom de la page défilante est effectuée par p+ ; p, et ne se fait pas via les balises populaires comme p + ul + li construisent une page de défilement dom. Y a-t-il un problème caché lors de l'utilisation de p + p (4) Utilisez React.js pour rendre la page. Est-ce collant en raison d'une mauvaise utilisation ? utiliser ? La situation est causée par le traitement de javascript ;

Si vous avez rencontré les problèmes ci-dessus et les avez résolus, aidez-nous.

Answer 1

Cette situation devrait être due au fait que l'utilisation de l'attribut -webkit-overflow-scrolling:touch ajoutera un calque à l'élément avec cet attribut ajouté pour le rendu. Cependant, ne pas utiliser cet attribut rendra la page floue, donc ma solution actuelle consiste à utiliser le plug-in transfrom pour simuler le défilement, ce qui ne nécessite pas l'attribut -webkit-overflow-scrolling:touch. Cependant, l'inconvénient est. qu'il y a de gros problèmes de performances et des blocages d'images ;

Answer 2

-webkit-overflow-scrolling:touch est un problème avec cet attribut. Ma solution est de le supprimer et d'utiliser la barre de défilement fournie avec le corps

.