Question

我正在尝试使用Bootstrap Affix功能将我的导航栏放在全宽响应图像下方。当用户滚动并到达导航栏时，当用户向下滚动时，导航栏将固定到屏幕顶部。下面链接的JSFiddle帮助我进行了设置，但顶部偏移似乎不是动态的。相反，它似乎被设置为英雄形象的原始高度。因此，当我扩展或缩小屏幕大小时，词缀不再按预期运行。

JSFiddle：http://jsfiddle.net/MarkMarine/q3J56/7/

这是我用于Javascript尝试制作顶部偏移动态的代码：

$('#navbar-wrapper').affix({
offset: {
    top: $('.hero-image').height()
}

}）;

Answer 1

为了使词缀动态的顶部偏移属性，您需要将其设置为函数。

例如，您的js可以是这样的：

$('#navbar-wrapper').affix({
    offset: {
        top: function() {return $('.hero-image').height();}
    }
});

jsfiddle是here。

具有全宽图像的Bootstrap Navbar附件

1 个答案: