我有这段代码可以使标题和标题中的img向下滚动时缩小。它工作得很好,只是因为一个css属性在另一个属性之前发生变化真的很容易。有没有办法同时进行两项更改?

$(window).scroll(function() {
    if ($(this).scrollTop() > 0){
        $('#section-header-0').css({
           'line-height' : '44px'
        });

        $('#logo').css({
           'width' : '200px'
        });
    }
    else{
        $('#section-header-0').css({
           'line-height' : '96px'
        });

        $('#logo').css({
           'width' : '394px'
        });
    }
});

最佳答案

$(window).scroll(function() {
    if ($(this).scrollTop() > 0){
        $('#section-header-0').css({
           'line-height' : '44px'
        },{ duration: 200, queue: false });

        $('#logo').css({
           'width' : '200px'
        },{ duration: 200, queue: false });
    }
    else{
        $('#section-header-0').css({
           'line-height' : '96px'
        },{ duration: 200, queue: false });

        $('#logo').css({
           'width' : '394px'
        },{ duration: 200, queue: false });
    }
});


我希望以上内容可以帮助您排队:false基本上告诉他们立即运行,而不是排成一行,或者排队

关于javascript - 如何使用jQuery在多个元素上同时更改不同的CSS属性,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29976871/

10-12 12:38
查看更多