40

我正在尝试创建一个非常简单的效果，当您向下滚动页面时，导航会停留在页面顶部。我所要做的就是将“位置：固定”设置为我目前拥有的标题。出于某种原因，它更像是一个“位置：绝对”元素而不是固定元素。我在页面上的其他元素上进行了尝试，效果相同，所以我的 HTML 或 CSS 代码中肯定有一些导致问题的东西。有任何想法吗？

http://jsfiddle.net/apautler/yDhXG/1/embedded/result/

标题 CSS

.nav-main  {overflow: visible; position: fixed;
            top: 0; left: 0; right: 0; height: 60px; width: 100%;}

请注意，该网站是响应式的，因此position: fixed在 768 像素处开始。

4

1 回答 1

151

目前，Chrome 无法position:fixed在 transform 下的元素上渲染。删除（无内容）

-webkit-transform: translate3d(0, 0, 0);

它会起作用的。

于 2013-02-06T15:31:38.297 回答