如何修复页面顶部的导航栏并在页面滚动时将其保留在那里
How can I fix a Navbar at top of page and have it remain there while page scrolls
当我使用...
<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;
}
。它完美地固定在顶部。
我希望它保持在顶部,这样当页面向下滚动时,它就会保持在顶部,并且在滚动时看起来就像它与页面一起向下浮动。
谢谢。
使用position: fixed; top: 0;
并确保您的 html 具有文档类型
我建议你研究一下,并使用一些jquery来让它保持下去
这是一个帮助您入门的教程
http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/
相关文章:
- 禁用滚动,但保留滚动条CSS
- 在iPad Web App上拖放 - 同时保留滚动功能
- 保留选项后的滚动位置(单击时)
- 删除滚动条,但保留滚动功能
- 如何禁用滚动但保留使用锚链接滚动的功能
- EXT-JS 4.2.1 保留表单 - 面板滚动条的当前位置
- 角度UI网格无限滚动/分页不保留以前的数据
- 溢出:删除元素时,带有子 TABLE 滚动条的 DIV 上的自动滚动条会保留
- 基于鼠标位置的滚动将点击事件保留在前台
- 执行列排序后,dgrid 无法保留滚动位置
- 如何修复页面顶部的导航栏并在页面滚动时将其保留在那里
- 即使在使用javascript重新加载后,也要保留滚动条的位置
- 使用jquery保留滚动条位置
- Angular JS在重新加载后保留滚动位置
- 滚动到锚点,同时保留哈希
- 如何隐藏网页滚动保留滚动功能
- 实现漂亮的滚动条,并保留本地功能
- 通过重定向返回来刷新视图,同时在Rails中保留滚动位置
- 当滚动1 Div时,Div关系应该保留
- 滚动到iframe内的特定ID,同时保留父页面位置