問題描述

現(xiàn)象：使用iphone6 plus、iphone7 plus、iphone6s plus，在上拉檢索商品的頁面，頁面是每20件商品顯示一頁，到底后，上拉加載下一頁的商品數(shù)據(jù)?？焖傧肷匣瑒樱?dāng)滑動一定的頁面數(shù)之后(具體視情況而定)，會偶爾出現(xiàn)頁面粘黏，無法滑動的場合。并不是每次都會出現(xiàn)這種情況。

頁面是使用react.js構(gòu)造的單頁面應(yīng)用。

問題：現(xiàn)在問題的定位點有些不清楚(1)從目前的狀況看，安卓側(cè)是沒有出現(xiàn)這個問題，只有ios側(cè)會出現(xiàn)這種問題，是否是因為ios系統(tǒng)本身會有這個粘黏的問題；(2)需要翻動到一定的頁面數(shù)才會出現(xiàn)這種情況，但是并不是很大幾率；(3)滾動頁面dom的構(gòu)成是p+p去做的，并沒有通過流行的p + ul + li這種標(biāo)簽構(gòu)造滾動頁面dom，是否用p+p這種方式有隱藏的問題；(4)使用react.js去渲染頁面，是否因為利用不當(dāng)造成了這種頁面粘黏的情況，即javascript的處理造成的；

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

問題解答

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

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