我想用CSS实现一个导航条。
HTML
<nav>
Navbar content
</nav>
<div id="mainContent">
Main page
</div>
CSS
nav {
position:fixed;
height: X%;
min-height: Ypx;
}
#mainContent {
margin-top: Z; // where Z is the height of nav which is either X% or Ypx
}
我知道一个解决方
我想知道使用jquery时,div是否受高度限制。
例如,这个div被限制为100 of,不管div的内容大小有100 of高:
<div style="height: 100px;">
bla bla
</div>
这一项不受限制,它的内容高度如下:
<div>
bla bla
</div>
换句话说,我想知道是否通过设置样式属性或使用单独的css样式来设置高度(如果是的话)。谢谢
FF3.6 解决方案FF5 IE8 Chrome12和Opera11 :
f
我有两个div实例,一旦到达scrollTop,它们就会从相对位置转换为固定位置。然而,我正在寻找一种方法来关闭一个功能,一旦一个脚注div滚动到。如果您查看此页面上的侧栏,您可以更好地理解我想要实现的目标,
一旦页面到达底部页脚div,我需要将侧边栏设置回位置:相对,以便它不会覆盖页面的其余部分,并能够随着内容部分向上滚动。
下面是我正在使用的当前jQuery脚本。任何帮助或建议都是非常感谢的!
<script>
$(function() {
// grab the initial top offset of the navigation
var sticky