我正在尝试创建一个非常简单的效果,当您向下滚动页面时,导航会停留在页面顶部。我所要做的就是将“位置:固定”设置为我目前拥有的标题。出于某种原因,它更像是一个“position:absolute”元素而不是固定元素。我在页面上的其他元素上尝试过它,效果相同,所以我的 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
在 768px 开始。
最佳答案
此刻,Chrome cannot render position:fixed
on elements under a transformation .删除(无内容)
-webkit-transform: translate3d(0, 0, 0);
和它 will work .
关于css - 位置固定不适用于标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14732403/