css - 位置 : fixed 的奇怪 webkit 问题

Question

http://workshop.wpcoder.com/daniel/tvexperts/

在 Chrome 中，如果您点击“Production”然后点击“Contact”，position: fixed 标题会消失，但当您移动滚轮时会返回。我不知道是什么原因，到目前为止我只能在 Safari 和 Chrome 中检测到它，但是 Firefox 没问题所以我认为这是一个 webkit 错误。

Answer 1

解决此问题的一种方法是强制固定位置元素进入它们自己的渲染层。这可以通过应用 3d 变换来完成，例如:

.navbar-fixed-top {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

希望这对您有所帮助。