移动镀铬中的固定位置

时间:2016-02-24 19:10:32

标签: css google-chrome twitter-bootstrap-3

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

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

Chrome rendering issue. Fixed position anchor with UL in body上最常见的答案对我不起作用:

#element {
    -webkit-transform: translateZ(0);
}

3 个答案:

答案 0 :(得分:0)

尝试为固定元素以及margin-toppadding-top代码设置0pxbodyhtml

答案 1 :(得分:0)

您在div#navbar ul.nav.navbar-nav上设置了边距---将边距设置为0。

答案 2 :(得分:0)

您是否尝试过top:0:价值吗?

相关问题