javascript - jQuery:滚动时滑入和滑出框

使用此代码，在页面向下滚动50px之后，＃slidebox从右侧滑入。当框滚动150px后应该滑出时，我必须添加什么？条件为“

<script type="text/javascript">
    $(function() {
    $(window).scroll(function(){

    if  ($(window).scrollTop() > 50)
        $('#slidebox').animate({'right':'0px'},300);

    else
        $('#slidebox').stop(true).animate({'right':'-430px'},100);

        });
    });
</script>

更新：
这是工作结果：

$(function() {
$(window).scroll(function(){
    if($(window).scrollTop() > 50) {
        $('#slidebox').animate({'right': '0px'}, 300);
    }
    else
        $('#slidebox').stop(true).animate({'right':'-430px'},100);

    if($(window).scrollTop() > 500) {
        $('#slidebox').stop(true).animate({'right':'-430px'},100);
    }
});

最佳答案

您可以这样尝试：

$(function() {
        $(window).scroll(function(){
            if($(window).scrollTop() > 50) {
                $('#slidebox').animate({'right': '0px'}, 300);
            }
            if($(window).scrollTop() > 150) {
                $('#slidebox').stop(true).animate({'right':'-430px'},100);
            }
        });
    });