Question

当我使用...

<div id="stay">
<%= render 'layouts/navbar' %>
</div>

#stay ul.TabNav {
     background: #FFFFFF;
     border-bottom:solid 2px #00E5EE;
     padding:0 0px;
     font-size:13px;
     overflow:hidden;
     background:-moz-linear-gradient(0% 100% 90deg,#FAFAFA, #FFF);
     background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#FFF));
     position:relative;
     top:0px;
}

......它完全固定在顶部..

而且我希望它保持在最顶层，所以当页面向下滚动时，它会保持在顶部，并且当它滚动时看起来像页面一样向下浮动。

感谢。

Answer 1

使用position: fixed; top: 0;并确保您的html具有doctype

Answer 2

我建议你研究一下，并使用一些jquery让它保持

这是一本让你入门的教程

http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/

如何在页面顶部修复导航栏并在页面滚动时将其保留在那里

2 个答案: