微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css – 位置固定不工作的头

我试图创建一个非常简单的效果,其中导航停留在页面的顶部,当你向下滚动页面。所有我应该做的是设置“位置:固定”到标题,我目前有。出于某种原因,它更像是一个“位置:绝对”元素对固定。我试着在页面上的其他元素具有相同的效果,所以我必须有一些在我的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 举报,一经查实,本站将立刻删除。