Bootstrap侧边栏-根据滚动位置进行固定

Question

请看我下面的小提琴：

https://jsfiddle.net/okiewardoyo/s23v891m/11/

.affix {
    top: 0;
}

要使屏幕更宽，请滚动屏幕。

我想要的是，如果我滚动，当滚动到达标题底部时，侧边栏会变得固定。

然后，当我滚动到页脚时，侧边栏是不固定的，它跟随页脚。

Answer 1

您将需要向content类添加一个偏移量，然后使用jQuery再次删除它。

将id ' content‘添加到您的content div中。然后添加以下jQuery脚本：

$('.sidebar').on('affix.bs.affix', function() {
    $('#content').addClass('col-sm-offset-3');
}).on('affix-top.bs.affix', function(){
    $('#content').removeClass('col-sm-offset-3');
});

你可以在这里测试一下：https://jsfiddle.net/TimOgilvy/s23v891m/16/

请注意，我在标题中添加了一个清晰的修复。