jQuery滚动div与用户，直到到达包含div的底部

Question

我正在尝试找到一个jquery解决方案，用于在我的产品页面上滚动div，包含div。

我的产品页面上的主要内容分为两列。左列包含产品图像，右列包含产品选项。问题是右列选项内容比左列长得多。当用户查看所有产品选项时，左列内容已完全离开屏幕，用户甚至无法看到所选选项的图像。

我已经创建了一个jsfiddle，所以你可以很容易地理解我刚才说的:) http://jsfiddle.net/gd7o6y91/

正如你在jsfiddle上看到的那样，我需要.left-column div与用户一起滚动，直到它到达.container div的底部。任何人对如何使用jquery完成此任务有任何想法？

Answer 1

以下代码可能会对您有所帮助。

$(window).scroll(function(){
var marginTop = $(window).scrollTop();
var limit = $(".container").height() - $(".left-column").height();
    if(marginTop < limit )
        $(".left-column").css("margin-top",marginTop);
});

here