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))
      }
    }
  })

DEMO http://jsfiddle.net/6P5sF/56/

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

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

1 个答案: