各浏览器 position: fixed 造成的bug 通用解决办法,Safari, iOS

Posted savokiss

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了各浏览器 position: fixed 造成的bug 通用解决办法,Safari, iOS相关的知识,希望对你有一定的参考价值。

将原来使用 position: fixed  的元素外层包裹一个 div.fixedWrapper

.fixedWrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

 

原贴:StackOverflow

以上是关于各浏览器 position: fixed 造成的bug 通用解决办法,Safari, iOS的主要内容,如果未能解决你的问题,请参考以下文章

iframe里的position:fixed样式失效怎么解决

CSS position:fixed新版谷歌浏览器下(是新版哦),鼠标滚动会有抖动,不知道你们有没有遇到

层模型--固定定位(position:fixed)

CSS解决position:fixed基于父元素定位而不是浏览器窗口

CSS解决position:fixed基于父元素定位而不是浏览器窗口

CSS解决position:fixed基于父元素定位而不是浏览器窗口