Question

我正在运行此脚本，但是当我滚动它时，它同时运行所有功能，除了lineheight部分。它在所有其他之后运行lineheight部分。它应该同时运行它们！

有什么建议吗？

谢谢！

$(function () {
    $('Header').data('size', 'big');
});

$(window).scroll(function () {
    if ($(document).scrollTop() > 1) {
        if ($('Header').data('size') == 'big') {
            $('Header').data('size', 'small');
            $('Header').stop().animate({
                height: '60px', opacity: '0.97'
            }, 300);
            $('Header a').stop().animate({
                height: '60px'
            }, 300);
            $('#headerFiller').stop().animate({
                height: '60px'
            }, 300);
            $('Header ul li').stop().animate({
                lineHeight: '60px'
            }, 300);

            $('#logo').stop().animate({
                marginTop: '-1px',
                height: '50px'
            }, 300);
        }
    }
    else {
        if ($('Header').data('size') == 'small') {
            $('Header').data('size', 'big');
            $('Header').stop().animate({
                height: '100px'
            }, 300);
            $('Header a').stop().animate({
                height: '100px'
            }, 300);
            $('#headerFiller').stop().animate({
                height: '100px'
            }, 300);
            $('#logo').stop().animate({
                marginTop: '0px',
                height: '85px'
            }, 300);
            $('Header ul li').stop().animate({
                lineHeight: '100px'
            }, 300);
        }
    }
});

Answer 1

我相信你所需要的是queue: false所以你的所有效果同时运行（不要放在queue中）。您可以在documentation。

中查看更多信息

 $('Header ul li').stop().animate({
    lineHeight: '100px'
 }, { duration: 300, queue: false});

Jquery lineheight行为怪异

1 个答案: