我在移动Chrome中遇到固定位置元素问题。当我向上和向下滑动而不重新加载页面时,会出现固定顶部元素和视口顶部之间的小间隙。
要复制此错误,最简单的方法是在移动Chrome中尝试引导示例https://getbootstrap.com/examples/navbar-fixed-top/。无需重新加载页面即可向上和向下滑动,经过几次尝试后,您应该会看到间隙。
Chrome rendering issue. Fixed position anchor with UL in body上最常见的答案对我不起作用:
#element {
-webkit-transform: translateZ(0);
}
答案 0 :(得分:0)
尝试为固定元素以及margin-top
和padding-top
代码设置0px
和body
至html
答案 1 :(得分:0)
您在div#navbar ul.nav.navbar-nav
上设置了边距---将边距设置为0。
答案 2 :(得分:0)
您是否尝试过top:0:价值吗?