css – 位置固定不工作的头

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/221896.html

猜你在找的CSS相关文章