摘要:問題描述由于微信游覽器存在回彈機制,在下拉滾動的時候會把整個頁面下拉出現由提供字眼問題復現解決思路把整個或者用固定在瀏覽器的可視區域范圍內,內容區域滾動的話需要使用滾動插件,在這里我用的是的滾動組件,如果使用是不會滾動的代碼樣式結構
問題描述:由于微信游覽器存在回彈機制,在html body下拉滾動的時候會把整個頁面下拉出現由XXX提供字眼
問題復現:
解決思路:把整個html或者body用flex固定在瀏覽器的可視區域范圍內,內容區域滾動的話需要使用滾動插件,在這里我用的是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初始化滾動組件
實現效果
小瑕疵是:從頂部向下滑動 停留一下會出現底部空白,前提是有滾動區域,在ios12.1.4測試會出現,在較低版本又不會。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/53893.html
摘要:問題描述由于微信游覽器存在回彈機制,在下拉滾動的時候會把整個頁面下拉出現由提供字眼問題復現解決思路把整個或者用固定在瀏覽器的可視區域范圍內,內容區域滾動的話需要使用滾動插件,在這里我用的是的滾動組件,如果使用是不會滾動的代碼樣式結構 問題描述:由于微信游覽器存在回彈機制,在html body下拉滾動的時候會把整個頁面下拉出現由XXX提供字眼 問題復現: showImg(https://...
摘要:問題描述由于微信游覽器存在回彈機制,在下拉滾動的時候會把整個頁面下拉出現由提供字眼問題復現解決思路把整個或者用固定在瀏覽器的可視區域范圍內,內容區域滾動的話需要使用滾動插件,在這里我用的是的滾動組件,如果使用是不會滾動的代碼樣式結構 問題描述:由于微信游覽器存在回彈機制,在html body下拉滾動的時候會把整個頁面下拉出現由XXX提供字眼 問題復現: showImg(https://...
摘要:討論背景眾所周知,元素在下的表現是糟糕的,元素在滾動頁面中使用會出現各種奇怪的問題,在微信瀏覽器中使用就更甚如頁面滾動,元素與頁面相互分離頁面滾動,元素消失等。說明原生漸變顏色終止會覆蓋微信重設顏色的機制。 討論背景 眾所周知,fixed元素在IOS下的表現是糟糕的,fixed元素在滾動頁面中使用會出現各種奇怪的問題,在微信瀏覽器中使用就更甚(如:頁面滾動,fixed元素與頁面相互分離...
摘要:討論背景眾所周知,元素在下的表現是糟糕的,元素在滾動頁面中使用會出現各種奇怪的問題,在微信瀏覽器中使用就更甚如頁面滾動,元素與頁面相互分離頁面滾動,元素消失等。說明原生漸變顏色終止會覆蓋微信重設顏色的機制。 討論背景 眾所周知,fixed元素在IOS下的表現是糟糕的,fixed元素在滾動頁面中使用會出現各種奇怪的問題,在微信瀏覽器中使用就更甚(如:頁面滾動,fixed元素與頁面相互分離...
閱讀 889·2023-04-26 02:16
閱讀 1198·2019-08-30 15:55
閱讀 2788·2019-08-30 15:53
閱讀 3382·2019-08-29 15:38
閱讀 2884·2019-08-29 13:42
閱讀 1980·2019-08-26 13:34
閱讀 1833·2019-08-26 10:10
閱讀 3077·2019-08-23 14:40