Javascript 如何使用jQuery在多个元素上同时更改不同的css属性

我有这个代码，使标题和一个img在标题缩小时，滚动下来。它工作得很好，只是因为一个css属性在另一个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'
        });
    }
});

---

您好，请尝试此链接，了解您的解决方案

从链接复制

var t = $("#anchor-point").offset().top;

$(document).scroll(function(){
    if($(this).scrollTop() > t)
    {   
        $('#voice2').css({"border-bottom":"2px solid #f4f5f8"});
        $('#voice3').css({"border-bottom":"2px solid #2e375b"});
    }
});

希望这有帮助

$(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基本上告诉他们立即运行，而不是一行运行，或者queue

向容器元素添加一个类，并在该类下列出css中这些元素的css规则。如果您的元素是顶级元素，则将该类添加到Body中。它们应同时更改。对DOM所做的更改只有在函数返回后才可见，然后浏览器执行所有更新。某个地方的示例可能会有所帮助。您应该将该链接中的要点复制到您的答案，因为当前这是一个仅链接的答案，可能会被删除。如果这个链接在将来消失了，那么你的答案对于那些正在阅读它的人来说将是无用的，因为只有链接的答案是否定的（链接可能会消失并使你的答案失效）。请考虑从文章中引用相关的引文或例子。