av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

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

瀏覽:85日期:2023-04-23 17:36:47

問題描述

現象:使用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的處理造成的;

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

問題解答

回答1:

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

回答2:

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

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 99热这里只有精品8 激情毛片 | 一区在线观看 | 激情欧美一区二区三区中文字幕 | 国产精品一区二区久久精品爱微奶 | 亚洲免费在线 | 成人激情视频在线播放 | 看av网| 精品一区电影 | 日韩中文字幕在线观看 | www.se91 | 91美女在线观看 | 精品在线一区 | 国产精品久久久久9999鸭 | 亚洲 日本 欧美 中文幕 | 狠狠亚洲 | 国产婷婷精品av在线 | 91干b| 精品一区二区电影 | 国产日产精品一区二区三区四区 | 综合久久av | 国产成人综合久久 | 精品久久香蕉国产线看观看亚洲 | 国产丝袜一区二区三区免费视频 | 欧美一区二区三区在线观看 | 一二三四在线视频观看社区 | 国产黄色在线观看 | 日韩精品一区二区三区在线观看 | 影音先锋中文字幕在线观看 | 日韩电影中文字幕 | 精品久久久久国产免费第一页 | 九九精品在线 | 国产激情视频网站 | 国产91在线 | 欧美 | 亚洲午夜一区二区 | 国产日韩精品一区 | 日韩精品一区二区三区在线播放 | 欧美视频一区二区三区 | 亚洲综合二区 | 久久久女女女女999久久 | 中文字幕精品视频 | 免费网站国产 |