很难描述问题.所以,看看这个jsFiddle:
http://jsfiddle.net/xE2m7/
当导航栏固定到顶部时,内容会跳到它下面.
CSS:
.affix {
position: fixed;
top: 0px;
}
#above-top {
height: 100px;
background: black;
}
哪里有问题?
这里的问题是,没有办法将导航栏固定到顶部的导航器下方的容器中的其余
内容传达给导航栏.您可以使用更现代的CSS来实现这一点,但请注意,这不会是旧浏览器的修复(事实上,您可能会发现有关postion的问题:旧版浏览器中的固定
属性…
.affix + .container {
padding-top:50px
}
这等待直到导航栏被修复,然后将填充添加到它的兄弟的容器中,防止它在导航下“跳跃”.
原文链接:https://www.f2er.com/jquery/181099.html