資訊專欄INFORMATION COLUMN
摘要：在做項目的時候發(fā)現(xiàn)莫名抖動，剛開始打開網(wǎng)頁沒什么問題，多滑動幾次觸發(fā)幾次網(wǎng)頁中的交互就發(fā)現(xiàn)在蜜汁抖動，尋找一個下午終于發(fā)現(xiàn)這個元兇，累到吐血，剛開始我還以為是動畫效果或者過度效果對有影響，萬萬沒想到是這東西。
在做項目的時候發(fā)現(xiàn)header莫名抖動，剛開始打開網(wǎng)頁沒什么問題，多滑動幾次觸發(fā)幾次網(wǎng)頁中的交互就發(fā)現(xiàn)header在蜜汁抖動，尋找一個下午終于發(fā)現(xiàn)position:fixed 這個元兇，累到吐血，剛開始我還以為是動畫效果或者過度效果對header有影響，萬萬沒想到是這東西。
經(jīng)過查閱資料，總結出以下幾種方法解決：
一.給fiexd加上如下CSS樣式：
-webkit-transform: translateZ(0);
二.設置body CSS
body {height:100%;overflow:auto;margin: 0;}
這種方式可能會影響到頁面的整體效果，不建議使用
三.在fiexd內設置position:absolute，如下：
----
第一種最為簡單快捷，其余幾種沒有一一驗證。
文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/112628.html
摘要：同時，請在其他移動端瀏覽器也這么處理，不要只對蘋果做這些處理。蘋果對于虎頭蛇尾的做法真讓人頭疼，這作風跟巨硬真像。 轉載請注明英文原文及譯文出處 原文地址：Issues with position fixed & scrolling on iOS 原文作者：Remy Sharp譯文地址：移動端 fixed 和 scroll 問題 譯文作者：鎏金圣手火麒麟 最近在做iOS端的H5頁面...
摘要：同時，請在其他移動端瀏覽器也這么處理，不要只對蘋果做這些處理。蘋果對于虎頭蛇尾的做法真讓人頭疼，這作風跟巨硬真像。 轉載請注明英文原文及譯文出處 原文地址：Issues with position fixed & scrolling on iOS 原文作者：Remy Sharp譯文地址：移動端 fixed 和 scroll 問題 譯文作者：鎏金圣手火麒麟 最近在做iOS端的H5頁面...
摘要：發(fā)布于蒙層點擊滾動穿透問題描述移動端浮層內部滾動的時候，會導致浮層覆蓋的下面內容也會滾動解決方式蒙層出現(xiàn)的時候，給底部被覆蓋的滾動容器并設置。 發(fā)布于：https://www.luoyangfu.com/art... 蒙層點擊滾動穿透問題 描述: 移動端浮層內部滾動的時候，會導致浮層覆蓋的下面內容也會滾動 解決方式:蒙層出現(xiàn)的時候，給底部被覆蓋的滾動容器 position: fixe...
摘要：發(fā)布于蒙層點擊滾動穿透問題描述移動端浮層內部滾動的時候，會導致浮層覆蓋的下面內容也會滾動解決方式蒙層出現(xiàn)的時候，給底部被覆蓋的滾動容器并設置。 發(fā)布于：https://www.luoyangfu.com/art... 蒙層點擊滾動穿透問題 描述: 移動端浮層內部滾動的時候，會導致浮層覆蓋的下面內容也會滾動 解決方式:蒙層出現(xiàn)的時候，給底部被覆蓋的滾動容器 position: fixe...
閱讀 3120·2021-10-18 13:33
閱讀 863·2019-08-30 14:20
閱讀 2650·2019-08-30 13:14
閱讀 2542·2019-08-29 18:38
閱讀 2908·2019-08-29 16:44
閱讀 1235·2019-08-29 15:23
閱讀 3526·2019-08-29 13:28
閱讀 1935·2019-08-28 18:00
