固定位置不适用于标题
我正在尝试创build一个非常简单的效果,当您向下滚动页面时,导航将粘贴到页面的顶部。 我所要做的就是将“position:fixed”设置为我目前拥有的标题。 出于某种原因,它更像是一个“位置:绝对”元素,而不是固定元素。 我试着在页面上的其他元素具有相同的效果,所以我必须有一些在我的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无法呈现position:fixed
在转换之下的元素 。 删除(无内容)
-webkit-transform: translate3d(0, 0, 0);
它会工作 。