php - jquery滑动滚动.animate div一直在页脚信息的顶部走得太远

Question

提前感谢您的帮助。我有一个带有 jquery .animate 的滑动 div，div 设置为绝对位置，当滑动 div 到达页面上的某个点时，我需要停止滑动 div，因为它只是不断地越过页脚 div。为了增加难度，还有另一个可扩展的 div，因为页面上有带有“查看更多”“更少”按钮的隐藏 div。我可能需要从页面底部滑动 div 停止 800px 之类的东西，这意味着它会停止滑动并从页面顶部右下方离开。希望这是有道理的。 这是一个测试域上的页面这不是真正的网站，所以如果您在将来的任何时候阅读这个不起作用，它将在Stockwell上。

    $().ready(function() {
    var $scrollingDiv = $("#right");

    $(window).scroll(function(){            
        $scrollingDiv
                            .stop()
            .animate({"marginTop": ($(window).scrollTop() + -20) + "px"}, "slow" );         
    });
});

再次感谢任何人的帮助。

Answer 1

你可以简单地做

$().ready(function() {
    var $scrollingDiv = $("#right");

    $(window).scroll(function(){   
        if ($(window).scrollTop() < limit) {
            $scrollingDiv.stop()
            .animate({"marginTop": ($(window).scrollTop() + -20) + "px"}, "slow" );    
        }     
    });
});

您可以根据需要设置限制。