css - 位置固定不适用于标题

标签 css position css-position

我正在尝试创建一个非常简单的效果,当您向下滚动页面时,导航会停留在页面顶部。我所要做的就是将“位置:固定”设置为我目前拥有的标题。出于某种原因,它更像是一个“position:absolute”元素而不是固定元素。我在页面上的其他元素上尝试过它,效果相同,所以我的 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 cannot render position:fixed on elements under a transformation .删除(无内容)

-webkit-transform: translate3d(0, 0, 0);

和它 will work .

关于css - 位置固定不适用于标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14732403/

相关文章:

html - 与 float 和 margin 相关的奇怪行为

html - 带有 float 子项的中心父 div

javascript - 可折叠的 div - 删除图片保持标题

html - 如何将输入元素包装在 div 中

html - 固定 Div 在整个屏幕上的拉伸(stretch),需要每个占据水平空间的百分比

javascript - 允许在滚动动画期间改变元素高度

javascript - Google Maps Info Box - 它可以存在于 map 容器之外吗?

javascript - 阻止垂直滚动但允许水平滚动

html - 将图标左侧附加到文本的最佳方式

qt - 如何在 Qt Symbian 上将图标放置在屏幕中央?