我试图创建一个非常简单的效果,其中导航停留在页面的顶部,当你向下滚动页面。所有我应该做的是设置“位置:固定”到标题,我目前有。出于某种原因,它更像是一个“位置:绝对”元素对固定。我试着在页面上的其他元素具有相同的效果,所以我必须有一些在我的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。
原文地址:https://www.jb51.cc/css/221896.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。