Javascript JQuery在值之间设置动画时取消动画
我正在使用Javascript JQuery在值之间设置动画时取消动画,javascript,jquery,Javascript,Jquery,我正在使用.animate()使用步长函数在两个值之间设置动画。由于没有选择器,我无法使用.stop() 在这个动画启动后,我如何停止它?似乎,我可以找到使用选择器的方法(见下面的片段) div{ 排名前100名; 左:0; 宽度:10px; 高度:10px; 背景色:#000; } 停止 $('#SomeElement')。设置动画({top:100}{ 期限:2000年, 步骤:功能(val){ $('#SomeElement').css({ 转换:“translateY(“+val+”
.animate()
使用步长函数在两个值之间设置动画。由于没有选择器,我无法使用.stop()
在这个动画启动后,我如何停止它?似乎,我可以找到使用选择器的方法(见下面的片段)
div{
排名前100名;
左:0;
宽度:10px;
高度:10px;
背景色:#000;
}
停止
$('#SomeElement')。设置动画({top:100}{
期限:2000年,
步骤:功能(val){
$('#SomeElement').css({
转换:“translateY(“+val+”px)”
});
}
});
$(“按钮”)。单击(函数(){
$('#SomeElement').stop();
});
我知道我的脚本很有效;问题是动画启动后如何停止。也许您可以帮助进一步澄清stop
的含义。如中所示,.animate()
脚本在运行指定的持续时间(即1000)后停止。将其更改为50表示在50毫秒后停止。在动画运行时停止动画。使用可选选择器更新答案。不过,奇怪的是,请帮忙解释一下为什么不使用选择器才是目的?我认为使用选择器与jQueryAPI更协调。它是用于parralax滚动的,函数需要按照我的方式工作,这意味着没有选择器。
$({ Value: 50 }).animate({ Value: 0 }, {
duration: 1000,
step: function (val) {
$('#SomeElement').css({
transform: "translateY(" + val + "px)"
});
}
});