我有这段代码可以使标题和标题中的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/