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

Question

请看下面的小提琴：

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

.affix {
    top: 0;
}

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

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

然后，当我滚动并到达页脚时，侧边栏没有固定，它跟随页脚。

Answer 1

您需要向内容类添加偏移量，然后使用jQuery再次删除它。

将id'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/

注意我在标题中添加了一个clearfix。