使用Bootstrap的Affix时“跳过”

时间:2015-05-19 02:37:22

标签: javascript jquery css twitter-bootstrap affix

我正在尝试在粘性子区域中使用Bootstraps Affix功能。

UIGraphicsGetCurrentContext();

我拨打了偏移量,以便在subnav卡入到位时没有“跳过”或“跳跃”。我遇到的问题是subnav下面的内容是在nav / subnav下的页面上跳跃,因为subnav正在从相对变为固定,并且它失去了它的计算高度。

有没有办法抵消这种情况?我的初始,虽然它添加/删除一个类到下一个div添加正确的填充或边距。

Here's a jsfiddle to help illustrate the problem。滚动时注意H2。

1 个答案:

答案 0 :(得分:1)

我已经看过了这个。

当第二个滚动导航栏被固定时,它会占用position:fixed,随后的div会重新调整到它所在的空间,从而导致闪烁。

我试着听affixed.bs.affix没有运气,但那是我查看的路线。请参阅http://getbootstrap.com/javascript/#affix-events

通常应该是这样的:

$("#subnav").on("affixed.bs.affix", function() { // Adjust the next div here. Add a top margin });