twitter-bootstrap – Bootstrap 3在滚动时使用固定将导航栏位置固定到顶部

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – Bootstrap 3在滚动时使用固定将导航栏位置固定到顶部前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是驾驶我坚果…这可能很简单,我没有打命中:请给一个提示:-)

我正在尝试使用Bootstrap 3为我的网站新的布局.当我滚动时,我想让导航栏固定在屏幕的顶部.

我得到它的工作,但下面的内容下面的内容会转移,当affix类踢时,我找不到我的方式.

见这里的例子:http://www.sextoyprices.com/newlayout/

解决方法

有两个选项可以是javascript或HTML5数据属性

通过数据属性
要轻松地为任何元素添加贴缀行为,只需将data-spy =“affix”添加到要进行间谍的元素即可.使用偏移来定义何时切换元素的固定.

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

通过JavaScript
通过JavaScript调用贴片插件

$('#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

猜你在找的Bootstrap相关文章