Javascript 使一个div在滚动另一个特定div时始终可见

我在我的webApp中创建了一个图像上传小部件，我希望这个小部件在填充一个特定的div时可见，这个div是这个div中巨大表单的一部分。我需要输入我的小部件提供的一些图像URL，以下是场景：

为此，我采取了以下措施：

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

假设scrollingDiv是我的小部件DIV3的Id

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

我的问题是：当DIV3与我的DIV2底部一起崩溃时，如何禁用滚动跟踪

编辑：类似案例单击

---

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

在滚动DIV3之前，您需要检查$window.scrollTop是否小于$DIV1.position+$DIV1.height。如果它更大，那么它位于DIV1的底部，您不应该再进一步滚动它。或者，您可以只添加溢出：隐藏；如果DIV3在DIV1中，那可能会干扰其他东西。你可以使用一个已经制作好的插件，比如：从未使用过它，不知道它是否好。你能在一个包含基本js/HTML/CSS的代码片段中给出一个基本的演示吗？谢谢你的帮助@先生：我已经编辑了我的邮件，我说，试着找到$window.scrollTop和$div1.position.top+$'div1.height-$scrollingDiv.outerHeight之间的关系。在您的示例中，div1是div1。