Javascript 使用推特引导连接和分离粘贴的标题

我试图使用粘贴功能将标题附加到屏幕顶部，但仅将其附加到页面的一部分。当用户滚动超过某个点时，它应该分离（并随着内容向上滚动）

我用的是这个剧本

我现在尝试的是：

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

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

使用

.detached

类，如下所示：

.detached{position:static；}

---

不能让它工作。有什么建议吗？

Twitter引导粘贴模块没有该选项。但是，我已经用过很多次了，它太棒了。看一看，它使用起来很简单，而且工作得很好。

您可以在函数中写入逻辑，并将其作为offset.top传递给affix

试一试

---

另一个可能适合您的选项：

HTML

<div class="header" data-spy="affix">
affixed header, released after scrolling 100px
</div>   

---

祝你好运

我不认为这可能与标准的Twitter引导粘贴模块有关。我认为您正在寻找一个问题[在这里回答][1]查看小提琴。[1] ：可以使用引导和js“使用引导和js”。。。这意味着-使用引导，但也改变提供的js代码，并创建自己的。如果OP能做到这一点，他永远不会问这个问题。所以我在一个简单易用的小脚本中指出。@Shail twitter引导怎么可能呢？我想避免使用另一个lib（如hcSticky或jsfiddle）。太棒了，正是我需要的。此处有多个导航栏版本：

<div class="header" data-spy="affix">
affixed header, released after scrolling 100px
</div>   

$(document).ready(function(){
$(window).scroll(function(){
var y = $(window).scrollTop();
if( y > 100 ){
  $(".header.affix").css({'position':'static'});
} else {
  $(".header.affix").css({'position':'fixed'});
}
});
})