jquery滑动滚动.animate div在页脚信息的顶部保持太远

时间:2012-10-07 21:03:42

标签: php jquery css jquery-animate

提前感谢您的帮助。 我有一个滑动div与jquery .animate,div设置绝对位置,我需要停止滑动div当它到达页面上的某个点,因为它只是继续超过页脚div。为了增加难度,还有另一个可扩展的div,因为页面上有隐藏的div,“看到更多”“少”按钮。我可能需要从页面底部滑动div stop 800px之类的东西,这意味着它会停止滑动并从底部的页面顶部移开。希望有道理。 Here is the page on a test domain这不是真正的网站,所以如果您在将来的任何时候阅读此内容都无法使用,那么它将在The Stockwell上。

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

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

再次感谢任何人提前帮助他们。

1 个答案:

答案 0 :(得分:2)

你可以简单地做

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

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

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