Bootstrap 3使用附加功能在滚动时将导航栏位置固定到顶部

Question

这让我疯了......这可能很简单，因为我没有打钉：请给出一个提示:-)

我正在尝试使用Bootstrap 3为我的网站添加新的布局。 滚动时，我希望导航栏固定在屏幕顶部。

我得到了它的工作，但当词缀类开始时，导航栏下面的内容发生了变化。我无法找到它的方法。

Answer 1

javascript或HTML5 data-属性有两个选项

通过数据属性要轻松地向任何元素添加词缀行为，只需将data-spy =“affix”添加到要侦听的元素即可。 使用偏移量来定义何时切换元素的固定。

<div data-spy="affix" data-offset-top="60" data-offset-bottom="200">
  ...
</div>

通过JavaScript通过JavaScript调用affix插件：

  $('#my-affix').affix({
    offset: {
      top: 100
    , bottom: function () {
        return (this.bottom = $('.footer').outerHeight(true))
      }
    }
  })

演示 http://jsfiddle.net/6P5sF/56/

参考http://getbootstrap.com/javascript/#affix-examples