jquery - 选择在激活 jquery 动画之前滚动多远

Question

我有这个代码

$(window).load(function () {
            $elem1 = $('#div1');
            $elem2 = $('#div2');
            var scrollState = 'top';
            $(window).scroll(function () {
                var scrollPos = $(window).scrollTop();
                if ((scrollPos != 0) && (scrollState === 'top')) {
                    $elem1.stop().animate({
                        opacity: '1.0'
                    }, 300);
                    $elem2.stop().animate({
                        marginLeft: '50px'
                    }, 300);
                    scrollState = 'scrolled';
                } else if ((scrollPos === 0) && (scrollState === 'scrolled')) {
                    $elem1.stop().animate({
                        opacity: '0.0'
                    }, 300);
                    $elem2.stop().animate({
                        marginLeft: '0px'
                    }, 300);
                    scrollState = 'top';
                }
            });
}); //]]>

当我向下滚动页面时，一旦您开始滚动，jquery 就会激活。我希望能够选择在它激活之前你走多远的页面。

Answer 1

您可以使用$(document).scrollTop()( docs ) 找出您向下滚动了多远。

Answer 2

你不能检查一下scrollPos 的值吗？

if(scrollPos > X && (scrollState === 'top')) {
    //activate
} else {
    //do nothing
}