使用jQuery将容器滚动到特定的DIV

Question

我正在使用以下jQuery函数：

$(document).ready(function () {  
    var top = $('.aside').offset().top - parseFloat($('.aside').css('marginTop').replace(/auto/, 0));
    $(window).scroll(function (event) {
        // what the y position of the scroll is
        var y = $(this).scrollTop();

        // whether that's below the form
        if (y >= top) {
            // if so, ad the fixed class
            $('.aside').addClass('fixed');
        } else {
            // otherwise remove it
            $('.aside').removeClass('fixed');
        }
    });
});

现在我希望固定的DIV（.aside）停在特定的DIV。

请看我的CSS。它是一个2列布局，左侧是主.content列，右侧是.aside栏。我希望.aside栏滚动直到.content列的结尾。至少当.aside栏到达页脚时。希望你理解我=）

.content {
  float:left;
}

.container.sticky .row {
  position: relative;
  background: #fff;
}

.aside-wrapper { /* required to avoid jumping */
  left: 640px;
  position: absolute;
}

.aside {
  position: absolute;
  top: 0;
}

.aside.fixed {
  position: fixed;
  top: 0;
}

我该怎么做？