摘要:問題描述由于微信游覽器存在回彈機制,在下拉滾動的時候會把整個頁面下拉出現(xiàn)由提供字眼問題復現(xiàn)解決思路把整個或者用固定在瀏覽器的可視區(qū)域范圍內,內容區(qū)域滾動的話需要使用滾動插件,在這里我用的是的滾動組件,如果使用是不會滾動的代碼樣式結構
問題描述:由于微信游覽器存在回彈機制,在html body下拉滾動的時候會把整個頁面下拉出現(xiàn)由XXX提供字眼
問題復現(xiàn):
解決思路:把整個html或者body用flex固定在瀏覽器的可視區(qū)域范圍內,內容區(qū)域滾動的話需要使用滾動插件,在這里我用的是mui的滾動組件,如果使用overflow: auto是不會滾動的
代碼:
css樣式
html結構
- Item 1
- Item 2
- Item 3
- Item 1
- Item 2
- Item 3
- Item 1
- Item 2
- Item 3
- Item 1
- Item 2
- Item 3
- Item 1
- Item 2
- Item 3
- Item 1
- Item 2
- Item 3
js初始化滾動組件
實現(xiàn)效果
小瑕疵是:從頂部向下滑動 停留一下會出現(xiàn)底部空白,前提是有滾動區(qū)域,在ios12.1.4測試會出現(xiàn),在較低版本又不會。
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/117549.html
摘要:問題描述由于微信游覽器存在回彈機制,在下拉滾動的時候會把整個頁面下拉出現(xiàn)由提供字眼問題復現(xiàn)解決思路把整個或者用固定在瀏覽器的可視區(qū)域范圍內,內容區(qū)域滾動的話需要使用滾動插件,在這里我用的是的滾動組件,如果使用是不會滾動的代碼樣式結構 問題描述:由于微信游覽器存在回彈機制,在html body下拉滾動的時候會把整個頁面下拉出現(xiàn)由XXX提供字眼 問題復現(xiàn): showImg(https://...
摘要:問題描述由于微信游覽器存在回彈機制,在下拉滾動的時候會把整個頁面下拉出現(xiàn)由提供字眼問題復現(xiàn)解決思路把整個或者用固定在瀏覽器的可視區(qū)域范圍內,內容區(qū)域滾動的話需要使用滾動插件,在這里我用的是的滾動組件,如果使用是不會滾動的代碼樣式結構 問題描述:由于微信游覽器存在回彈機制,在html body下拉滾動的時候會把整個頁面下拉出現(xiàn)由XXX提供字眼 問題復現(xiàn): showImg(https://...
摘要:討論背景眾所周知,元素在下的表現(xiàn)是糟糕的,元素在滾動頁面中使用會出現(xiàn)各種奇怪的問題,在微信瀏覽器中使用就更甚如頁面滾動,元素與頁面相互分離頁面滾動,元素消失等。說明原生漸變顏色終止會覆蓋微信重設顏色的機制。 討論背景 眾所周知,fixed元素在IOS下的表現(xiàn)是糟糕的,fixed元素在滾動頁面中使用會出現(xiàn)各種奇怪的問題,在微信瀏覽器中使用就更甚(如:頁面滾動,fixed元素與頁面相互分離...
摘要:討論背景眾所周知,元素在下的表現(xiàn)是糟糕的,元素在滾動頁面中使用會出現(xiàn)各種奇怪的問題,在微信瀏覽器中使用就更甚如頁面滾動,元素與頁面相互分離頁面滾動,元素消失等。說明原生漸變顏色終止會覆蓋微信重設顏色的機制。 討論背景 眾所周知,fixed元素在IOS下的表現(xiàn)是糟糕的,fixed元素在滾動頁面中使用會出現(xiàn)各種奇怪的問題,在微信瀏覽器中使用就更甚(如:頁面滾動,fixed元素與頁面相互分離...
閱讀 1106·2021-11-23 10:05
閱讀 1784·2021-11-12 10:36
閱讀 1853·2019-08-30 15:56
閱讀 1684·2019-08-29 12:32
閱讀 3042·2019-08-28 18:04
閱讀 3427·2019-08-26 12:17
閱讀 2502·2019-08-26 11:35
閱讀 1239·2019-08-23 15:11