Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.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 在设置元素动画期间降低速度_Javascript_Jquery_Animation - Fatal编程技术网

Javascript 在设置元素动画期间降低速度

Javascript 在设置元素动画期间降低速度,javascript,jquery,animation,Javascript,Jquery,Animation,我正在寻找一种解决方案,使用jqueryanimate将元素从宽度0设置为宽度100%(我认为这不是正确的解决方案)。元素越大,动画的速度越慢,因此当元素越大时,动画的速度应该越慢。没有太多的演示代码可以给你,所以我真的希望有人理解我试图构建的东西 //代码(不是执行类似操作的最佳方式) 使用放松并不能奏效您可以尝试使用线性 $('.element').animate({width: '100%'},1000 'linear') 试试这个 var height = $('.element').

我正在寻找一种解决方案,使用jqueryanimate将元素从宽度0设置为宽度100%(我认为这不是正确的解决方案)。元素越大,动画的速度越慢,因此当元素越大时,动画的速度应该越慢。没有太多的演示代码可以给你,所以我真的希望有人理解我试图构建的东西

//代码(不是执行类似操作的最佳方式)

使用放松并不能奏效

您可以尝试使用线性

$('.element').animate({width: '100%'},1000 'linear')
试试这个

var height = $('.element').height(),
    seconds = 1, 
    minRange = 500, 
    maxRange = 1500;
    time = height * seconds;

time = Math.min(time, maxRange);
time = Math.max(time, minRange);
$('.element').animate({width: '100%'},time);

不工作…不知道为什么要使用元素高度?@user759235,为了计算内容大小,我正在计算高度。我在演示中看到了,但我不是在尝试向下滑动,而是要设置元素宽度的动画(从0%到100%)
var height = $('.element').height(),
    seconds = 1, 
    minRange = 500, 
    maxRange = 1500;
    time = height * seconds;

time = Math.min(time, maxRange);
time = Math.max(time, minRange);
$('.element').animate({width: '100%'},time);