Javascript 动画中的队列在firefox中不工作
我正在尝试使用jquery滚动到页面底部,同时设置单击按钮的动画。该代码在chrome中运行良好,但在firefox和InternetExplorer11中运行异常。请帮忙 这是我的jsJavascript 动画中的队列在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'); $("
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度,最后第三个动画是滚动页面。