0

我有一个脚本，可以在标题上为我的图像设置动画。当用户向下滚动时缩小它，当用户到达顶部时放大它。这里是：

function headerScroll() {
    $(window).scroll(function() {
        if($(document).scrollTop() != 0) {
            $('#headerContainer').addClass('smaller');
            $('#header img').animate({
                height: '170px',
                left: '414px',
                top: '10px'
            },200);
        } else if($(document).scrollTop() < 100) {
            $('#header img').animate({
                height: '307px',
                left: '361px',
                top: 0
            },200, function() {
                $('#headerContainer').removeClass('smaller');
            });
        }
    });
}

问题是 - 有时（并非总是）第二个动画不会运行一段时间。它有时会等待几秒钟。我该如何预防？

编辑：当我添加alert('test')before 或 afteranimate时，它运行得恰到好处。

4

1 回答 1

2

用途： $('#header img').animate().stop().animate(....
希望是工作

于 2013-07-28T18:50:38.670 回答