Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动画中的队列在firefox中不工作_Javascript_Jquery_Css - Fatal编程技术网

Javascript 动画中的队列在firefox中不工作

Javascript 动画中的队列在firefox中不工作,javascript,jquery,css,Javascript,Jquery,Css,我正在尝试使用jquery滚动到页面底部,同时设置单击按钮的动画。该代码在chrome中运行良好,但在firefox和InternetExplorer11中运行异常。请帮忙 这是我的js var dh=$(document).height(), dw=$(window).width(), hh=$("header").outerHeight(), fh=$("footer").outerHeight(), bw=$(".buttontodown img").attr('width'); $("

我正在尝试使用jquery滚动到页面底部,同时设置单击按钮的动画。该代码在chrome中运行良好,但在firefox和InternetExplorer11中运行异常。请帮忙

这是我的js

var dh=$(document).height(), dw=$(window).width(), hh=$("header").outerHeight(), fh=$("footer").outerHeight(), bw=$(".buttontodown img").attr('width');

$(".buttontodown img").on("click", function(){

    $(".click2").fadeOut(1000);

    $(".buttontodown").animate({
    top:($("footer").offset().top-bw-20)
    }, {"queue": false, "duration": 1000});

    $(".buttontodown img").animate({ textIndent: 180 }, {
        step: function(now,fx)
        {
            $(this).css({
                '-webkit-transform':'rotate('+now+'deg)',
                'transform':'rotate('+now+'deg)',
                '-ms-transform':'rotate('+now+'deg)'});
                },
                duration:1000
        }, {"queue": false, "duration": 1000});

    $("html,body").animate({"scrollTop":$("footer").offset().top}, {"queue": false, "duration": 1000});
    return false;
});

什么是预期的行为,什么是意外的行为?你是说Firefox和IE11中的行为与预期不符,还是你遇到了一些js错误?我想说,在chrome中,所有3个动画同时工作,但在Firefox和IE11中,滚动动画(最后一个动画)正在运行它之后的第一个和第二个动画功能。我想所有的3个同时运行。好吧,没有任何例子链接,我们不能帮助你,我很抱歉,但我没有任何主机托管他们。我可以解释一下我的页面结构。**ButtonTown**是一个div,其中包含一个要单击以导航到页面底部的图像。**click2**是一个随机的段落文本,在单击图像时会淡出。现在图像本身会随着页面一起动画显示到页面底部。第一个淡出功能是淡出该图像随机文本,第一个动画功能是将图像动画到页面底部,第二个动画功能是将图像动画旋转180度,最后第三个动画是滚动页面。