2016-02-24 81 views
9

我在移动Chrome中存在固定位置元素的问题。当我在不重新加载页面的情况下上下滑动时,固定顶部元素和视口顶部之间会出现一个小间隙。移动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

我无法重现它在移动Chrome你仍然遇到这个问题?如果您请包括相关的代码,这将允许我们在问题本身中复制问题,Stack Snippet会很棒。 –

+0

这个差距有多大?如果它只有1个像素,那么我认为这只是一个渲染故障。我无法在自己的设备上重现此错误。 –

回答

0

尝试设置margin-toppadding-top0px了固定元件与bodyhtml标签