jquery – Twitter Bootstrap Affixed Navbar – 下面的div跳了起来

很难描述问题.所以,看看这个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.jb51.cc/jquery/181099.html