jquery：滚动时滑入和滑出框

Question

使用此代码，在页面向下滚动50px后，＃slidebox将从右侧滑入。当150px滚动后框应滑出时，我需要添加什么？行＆＃34;＆lt; 150＆＃34;条件对我有用......谢谢！

<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);
    }
});

Answer 1

你可以这样试试：

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