jquery - jQuery scrollTop 几个 css 和动画变化

Question

出现了一些新问题。我想通过滚动特定数量来更改几个项目。

我有这个代码：

$(document).ready(function() {
   $(window).scroll(function () {
    if ($(this).scrollTop() > 160) {
        $('#test').css({
            'position' : 'fixed',
            'top' : '0'
        })
        $('#test2').animate({
            'width' : '105px',
            'margin-left' : '20px'
        })
    } else {
        $('#test').css({
            'position' : 'absolute',
            'top' : '100px'
        })
        $('#test2').animate({
            'width' : '0px',
            'margin-left' : '0px'
        })
    }
    });
});

#test div 完美运行。它更改为位置：滚动 160 像素时固定。如果你向后滚动，它就会变得绝对。但是#test2 只是改变它的宽度一次。当我向后滚动时，没有任何变化。

Answer 1

您缺少 4 个分号：

$(document).ready(function() {
   $(window).scroll(function () {
    if ($(this).scrollTop() > 160) {
        $('#test').css({
            'position' : 'fixed',
            'top' : '0'
        });
        $('#test2').animate({
            'width' : '105px',
            'margin-left' : '20px'
        });
    } else {
        $('#test').css({
            'position' : 'absolute',
            'top' : '100px'
        });
        $('#test2').animate({
            'width' : '0px',
            'margin-left' : '0px'
        });
    }
    });
});