javascript - ios web端滾動頁面有黏黏的情況

Question

現象：
使用iphone6 plus、iphone7 plus、iphone6s plus，在上拉檢索商品的頁面，頁面是每20件商品顯示一頁，到底後，上拉加載下一頁的商品資料。快速想上滑動，當滑動一定的頁面數之後(具體視情況而定)，會偶爾出現頁面粘黏，無法滑動的場合。並不是每次都會出現這種情況。

頁面是使用react.js建構的單一頁面應用程式。

問題：
現在問題的定位點有些不清楚
(1)從目前的狀況看，安卓側是沒有出現這個問題，只有ios側會出現這種問題，是否是因為ios系統本身會有這個黏黏的問題；
(2)需要翻動到一定的頁數才會出現這種情況，但是並不是很大幾率；
(3)滾動頁面dom的構成是p p去做的，並沒有透過流行的p ul li這種標籤建構​​滾動頁面dom，是否用p p這種方式有隱藏的問題；
(4)使用react.js去渲染頁面，是否因為利用不當造成了這種頁面黏黏的情況，即javascript的處理造成的；

以上的問題，如果有遇到並且解決過的，請幫忙了。

Answer 1

這種情況應該是因為使用了-webkit-overflow-scrolling:touch屬性導致的，webview會為添加了此屬性的元素添加一層進行渲染。但不使用這個屬性又會導致頁面不流暢，所以我目前的解決方法是使用transfrom模擬滾動的插件，不需要-webkit-overflow-scrolling:touch屬性，但是缺點是性能問題大，有卡幀現象；

Answer 2

-webkit-overflow-scrolling:touch 是這個屬性問題，我的解決方法是去掉，然後用body自帶的滾動條