首先是scroll,在使用时它会反复触发，一般的决方法是使用动画stop(),它的作用是停止所有制定元素运行的动画（首先第一个参数删除列队动画，第二个参数是让当前正在执行的动画立即完成，重新设定show和hide的原始延时）,第二个是关于scroll操作的优化，使用节流阀，
var a =true;
window.oncroll = function(event){
if($('body').scrollTop()>='900'){
if(a){
$('.backtop').on('click',function () {
$('body').stop().animate({scrollTop:'0'},300);
a = false;
});
}else{
$('body').stop().animate({scrollTop:'10px'},300);
a = true;
}
}else{
$('.backtop').css('display','none')
}
}
希望对看到的朋友有帮助！
首先是scroll,在使用时它会反复触发，一般的决方法是使用动画stop(),它的作用是停止所有制定元素运行的动画...
scroll 1 .scroll事件在滚动条滚动时被触发2 . scroll检测的是滚动条的滚动，当滚动条不能滚动...
scroll 翻译过来就是滚动。在js中称为滚动事件，当用户滚动到指定位置或元素时会触发scroll事件。 scr...
由于事件重复绑定了，所以会重复触发事件解决方法：第一种、通过unbind先解绑，然后再绑定事件第二种、通过$._d...
scroll家族方法 1、 onscroll —— 当元素的滚动条滚动时触发的事件 onscroll事件貌似任何实...
scroll()方法的扩展 javascript里有一个事件是滚动事件，只要拖动滚动条，就会触发事件。用jquer...
在上一篇张写了jquery 滚轮插件 jquery.mousewheel.js，可以根据滚轮上下滚动的事件，触发控...
鼠标滚动（scroll）、调整窗口大小（resize）、敲击键盘（keyup）这类事件在触发时往往频率极高，这时事...
鼠标滚动（scroll）、调整窗口大小（resize）、敲击键盘（keyup）这类事件在触发时往往频率极高，这时事...
jquery 判断鼠标向上滚动还是向下滚动 var cur = 0; $(document).scroll(fu...
本文标题：jQuery滚动事件scroll和animate重复触发的解决方
本文链接：https://www.haomeiwen.com/subject/hgwtnttx.html
网友评论