javascript - 使用 Twitter Bootstrap 附加和分离附加 header

Question

我正在尝试使用词缀功能将页眉附加到屏幕顶部，但仅将其附加到页面的一部分。当用户滚动超过某个点时，它应该分离(并与内容一起向上滚动)。

我正在使用这个 jsfiddle 中的脚本.

我现在正在尝试的是:

$('#nav-wrapper').height($("#nav").height());

$('#nav').affix({
    offset: $('#nav').position()
});
$('#nav').detached({
    offset: $('#bottom').position()
});

像这样使用 .detached 类:

.detached { position: static; }

无法让它工作。有什么建议吗？

Answer 1

Twitter Bootstrap 词缀模块没有那个选项。但是，我用过很多次了hcSticky ， 太棒了。看看，简单易用，效果很好。