移动镀铬中的固定位置

nul*_*ity 9 css google-chrome twitter-bootstrap-3

我在移动Chrome中遇到固定位置元素的问题.当我向上和向下滑动而不重新加载页面时,会出现固定顶部元素和视口顶部之间的小间隙.

要复制此错误,最简单的方法是在移动Chrome中尝试引导程序示例https://getbootstrap.com/examples/navbar-fixed-top/.无需重新加载页面即可向上和向下滑动,经过几次尝试后,您应该会看到间隙.

关于Chrome呈现问题的最常见答案.在体内使用UL的固定位置锚对我不起作用:

#element {
    -webkit-transform: translateZ(0);
}
Run Code Online (Sandbox Code Playgroud)

Kev*_*vin 0

尝试为固定元素设置margin-topand padding-topto以及and标签0pxbodyhtml