在滚动浏览另一个特定div时，使div始终可见

Question

我已经在我的webApp中创建了一个图片上传小部件，我希望这个小部件可见，同时填充特定的div是一个巨大的形式（在这个div我需要输入我的小部件提供的一些图像URL），这是场景：

为实现这一目标，我做了以下工作：

$().ready(function() {
    var $scrollingDiv = $("#scrollingDiv");
    $(window).scroll(function(){            
        $scrollingDiv
            .stop()
            .animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" );          
    });
});

假设scrollingDiv是我的窗口小部件的ID（DIV3）。

我面临的问题是，当我滚动DIV1时，scrollingDiv一直在推动底部，所以我无法看到表单的结尾：

我的问题是：当DIV3与DIV2的底部折叠时，如何禁用滚动跟踪？

编辑：类似案例点击Here

PS：这是我关于JQuery的第一个问题...请不要关闭帖子，如果需要，请给我机会改进...