Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.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 jQuery动画集回退_Javascript_Jquery - Fatal编程技术网

Javascript jQuery动画集回退

Javascript jQuery动画集回退,javascript,jquery,Javascript,Jquery,是否可以像css中那样在jQuery动画函数中设置回退。 因为calc()不是在所有浏览器中都能工作 CSS: 诸如此类: $('.element').animate({ 'width': 33.33%, 'width': calc(100% / 3) }); 谢谢 为您想要的任务添加类将是一个更好的选择 $(文档).ready(函数(){ $('.element').addClass('animation'); }) .element{宽度:100px;高度:100px;背景:浅蓝色} .

是否可以像css中那样在jQuery动画函数中设置回退。 因为calc()不是在所有浏览器中都能工作

CSS:

诸如此类:

$('.element').animate({
'width': 33.33%,
'width': calc(100% / 3)
});

谢谢

为您想要的任务添加类将是一个更好的选择

$(文档).ready(函数(){
$('.element').addClass('animation');
})
.element{宽度:100px;高度:100px;背景:浅蓝色}
.动画{
动画填充模式:正向;
动画:移动2s 1缓进缓出;
}
@关键帧移动{
0%{宽度:100%;}
}
100%{宽度:计算(100%/3);}

您所说的“回退”是什么意思?@guest271314 well calc()在所有浏览器中都不起作用“calc()在所有浏览器中都不起作用”所讨论的模式应呈现预期结果。
$('.element').animate({
'width': 33.33%,
'width': calc(100% / 3)
});