停止特定div上的scrollfollow div

Question

我有一个侧边栏是scrollfollow，这意味着它可以正常工作，因为它设置为position：fixed。但是，侧边栏会继续滚动直到用户停止。这导致网站底部的元素无法达到用户的视线，因为侧边栏推动元素向下。

我创建了一个小提琴来说明确切的问题：jsd https://jsfiddle.net/Lv4humd6/2/

使得div scrolllfollow的javascript：

$(function() {

var $sidebar   = $("#sidebar-right"), 
    $window    = $(window),
    offset     = $sidebar.offset(),
    topPadding = 15;

$window.scroll(function() {
    if ($window.scrollTop() > offset.top) {
        $sidebar.stop().animate({
            marginTop: $window.scrollTop() - offset.top + topPadding
        });
    } else {
        $sidebar.stop().animate({
            marginTop: 0
        });
    }
});  
});

我想要的是边栏停止滚动，当它到达div 中断时，就像你在jsfiddle中看到的那样。我已经搜索并尝试了所有内容，但我找不到任何解决方案。