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