如何解决Bootstrap 3词缀中的小动作

时间:2016-12-19 11:52:43

标签: twitter-bootstrap-3

我试图用bootstrap3实现Affix导航栏,根据这个例子:http://www.w3schools.com/Bootstrap/bootstrap_affix.asp,当我慢慢向下滚动时,有点小动作。我想了很多,但我无法和找不到任何解决办法来解决这个问题。此视频完全显示了我的意思:http://sendvid.com/rf8t26hw

如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

你调用的“轻弹”是由元素从静态位置到固定位置(带有类别/功能行为的元素)引起的。这导致DOM向上移动,因为词缀元素在dom树中没有占据相同的高度。

解决方法是在“贴”元素周围设置一个包装,声明最小高度(并匹配贴花元素),这样一旦贴词到位:固定,包装将在dom树中取代,从而消除“虫”。

示例代码here