国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

去除 position:fixed 抖動(dòng)的方法

yzzz / 3465人閱讀

摘要：在做項(xiàng)目的時(shí)候發(fā)現(xiàn)莫名抖動(dòng)，剛開(kāi)始打開(kāi)網(wǎng)頁(yè)沒(méi)什么問(wèn)題，多滑動(dòng)幾次觸發(fā)幾次網(wǎng)頁(yè)中的交互就發(fā)現(xiàn)在蜜汁抖動(dòng)，尋找一個(gè)下午終于發(fā)現(xiàn)這個(gè)元兇，累到吐血，剛開(kāi)始我還以為是動(dòng)畫效果或者過(guò)度效果對(duì)有影響，萬(wàn)萬(wàn)沒(méi)想到是這東西。

在做項(xiàng)目的時(shí)候發(fā)現(xiàn)header莫名抖動(dòng)，剛開(kāi)始打開(kāi)網(wǎng)頁(yè)沒(méi)什么問(wèn)題，多滑動(dòng)幾次觸發(fā)幾次網(wǎng)頁(yè)中的交互就發(fā)現(xiàn)header在蜜汁抖動(dòng)，尋找一個(gè)下午終于發(fā)現(xiàn)position:fixed 這個(gè)元兇，累到吐血，剛開(kāi)始我還以為是動(dòng)畫效果或者過(guò)度效果對(duì)header有影響，萬(wàn)萬(wàn)沒(méi)想到是這東西。

經(jīng)過(guò)查閱資料，總結(jié)出以下幾種方法解決：

一.給fiexd加上如下CSS樣式：

-webkit-transform: translateZ(0);

二.設(shè)置body CSS

 body {height:100%;overflow:auto;margin: 0;}

這種方式可能會(huì)影響到頁(yè)面的整體效果，不建議使用

三.在fiexd內(nèi)設(shè)置position:absolute，如下：



  


----

第一種最為簡(jiǎn)單快捷，其余幾種沒(méi)有一一驗(yàn)證。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/112628.html

相關(guān)文章

  • Issues with position fixed & scroll（移動(dòng)端 fixed

    摘要：同時(shí)，請(qǐng)?jiān)谄渌苿?dòng)端瀏覽器也這么處理，不要只對(duì)蘋果做這些處理。蘋果對(duì)于虎頭蛇尾的做法真讓人頭疼，這作風(fēng)跟巨硬真像。 轉(zhuǎn)載請(qǐng)注明英文原文及譯文出處 原文地址：Issues with position fixed & scrolling on iOS 原文作者：Remy Sharp譯文地址：移動(dòng)端 fixed 和 scroll 問(wèn)題 譯文作者：鎏金圣手火麒麟 最近在做iOS端的H5頁(yè)面...

    Jiavan 評(píng)論0 收藏0

  • Issues with position fixed & scroll（移動(dòng)端 fixed

    摘要：同時(shí)，請(qǐng)?jiān)谄渌苿?dòng)端瀏覽器也這么處理，不要只對(duì)蘋果做這些處理。蘋果對(duì)于虎頭蛇尾的做法真讓人頭疼，這作風(fēng)跟巨硬真像。 轉(zhuǎn)載請(qǐng)注明英文原文及譯文出處 原文地址：Issues with position fixed & scrolling on iOS 原文作者：Remy Sharp譯文地址：移動(dòng)端 fixed 和 scroll 問(wèn)題 譯文作者：鎏金圣手火麒麟 最近在做iOS端的H5頁(yè)面...

    ZoomQuiet 評(píng)論0 收藏0

  • 移動(dòng)端兼容問(wèn)題總結(jié)(3)

    摘要：發(fā)布于蒙層點(diǎn)擊滾動(dòng)穿透問(wèn)題描述移動(dòng)端浮層內(nèi)部滾動(dòng)的時(shí)候，會(huì)導(dǎo)致浮層覆蓋的下面內(nèi)容也會(huì)滾動(dòng)解決方式蒙層出現(xiàn)的時(shí)候，給底部被覆蓋的滾動(dòng)容器并設(shè)置。 發(fā)布于：https://www.luoyangfu.com/art... 蒙層點(diǎn)擊滾動(dòng)穿透問(wèn)題 描述: 移動(dòng)端浮層內(nèi)部滾動(dòng)的時(shí)候，會(huì)導(dǎo)致浮層覆蓋的下面內(nèi)容也會(huì)滾動(dòng) 解決方式:蒙層出現(xiàn)的時(shí)候，給底部被覆蓋的滾動(dòng)容器 position: fixe...

    Pink 評(píng)論0 收藏0

  • 移動(dòng)端兼容問(wèn)題總結(jié)(3)

    摘要：發(fā)布于蒙層點(diǎn)擊滾動(dòng)穿透問(wèn)題描述移動(dòng)端浮層內(nèi)部滾動(dòng)的時(shí)候，會(huì)導(dǎo)致浮層覆蓋的下面內(nèi)容也會(huì)滾動(dòng)解決方式蒙層出現(xiàn)的時(shí)候，給底部被覆蓋的滾動(dòng)容器并設(shè)置。 發(fā)布于：https://www.luoyangfu.com/art... 蒙層點(diǎn)擊滾動(dòng)穿透問(wèn)題 描述: 移動(dòng)端浮層內(nèi)部滾動(dòng)的時(shí)候，會(huì)導(dǎo)致浮層覆蓋的下面內(nèi)容也會(huì)滾動(dòng) 解決方式:蒙層出現(xiàn)的時(shí)候，給底部被覆蓋的滾動(dòng)容器 position: fixe...

    siberiawolf 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<