国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - ios web端滾動頁面有黏黏的情況
某草草
某草草 2017-06-30 09:56:35
0
2
836

現(xiàn)象:
使用iphone6 plus、iphone7 plus、iphone6s plus,在上拉檢索商品的頁面,頁面是每20件商品顯示一頁,到底後,上拉加載下一頁的商品資料。快速想上滑動,當(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的處理造成的;

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

某草草
某草草

全部回覆(2)
黃舟

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

給我你的懷抱

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

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板