同时运行动画不工作

run animation at the same time not working

本文关键字：工作 动画 运行      更新时间：2023-09-26

因此，我尝试在鼠标悬停

时同时运行两个动画

然而，在使用queue:false后，它们仍然一个接一个地运行:(

这是我得到的:

        $(document.body).on('mouseover', '.j-ad-slide', function(e) {
            e.preventDefault();
            $('.j-ad-slide').animate({
                height: '370px'
            }, {
                    duration: 500,
                    queue: false,
                    complete: function() { /* Animation complete */ }
            });
            $('.side-nav, .sub-menu').animate({
                top: '422'
            }, {
                    duration: 500,
                    queue: false,
                    complete: function() { /* Animation complete */ }
            });             
        });

你知道我做错了什么吗?顺便说一句:.side-nav和.sub-menu元素是position:fixed -我认为这就是问题所在。我不确定如何解决这个问题:(

您的代码应该可以正常工作。给你一把小提琴。

$(document.body).on('mouseover', '.animate', function(e) {
        e.preventDefault();
        $('.animate').animate({
            height: '370px'
        }, {
                duration: 500,
                queue: false,
                complete: function() { /* Animation complete */ }
        });
        $('.animate2').animate({
            left: '100'
        }, {
                duration: 500,
                queue: false,
                complete: function() { /* Animation complete */ }
        });             
    });

设置固定位置

相关文章：