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

发布时间：2020-12-18 00:20:42 所属栏目：安全来源：网络整理

导读：这是驾驶我坚果…这可能很简单,我没有打命中：请给一个提示:-) 我正在尝试使用Bootstrap 3为我的网站新的布局.当我滚动时,我想让导航栏固定在屏幕的顶部. 我得到它的工作,但下面的内容下面的内容会转移,当affix类踢时,我找不到我的方式. 见这里的例子：http:

这是驾驶我坚果…这可能很简单,我没有打命中：请给一个提示:-)

我正在尝试使用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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!