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