我试图创建一个非常简单的效果,其中导航停留在页面的顶部,当你向下滚动页面。所有我应该做的是设置“位置:固定”到标题,我目前有。出于某种原因,它更像是一个“位置:绝对”元素对固定。我试着在页面上的其他元素具有相同的效果,所以我必须有一些在我的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%;}
注意,网站是响应,所以位置:固定踢在768像素。
解决方法
目前,
Chrome cannot render
position:fixed
on elements under a transformation.删除(无内容)
-webkit-transform: translate3d(0,0);
和它will work。