最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery scroll()和resize()增加延时处理示例
时间:2022-06-25 17:42:25 编辑:袖梨 来源:一聚教程网
浏览器的scroll()和resize()方法都是实时处理的,比如浏览器拉动浏览器的过程中一直在触发scroll(),浏览器的在改变大小尺寸的时候一直在触发resize(),如果在这两个方法里加上函数之后,会一直不间断的去处理,很可能造成浏览器负荷。
解决的方法就是延时,当然还有其他方法。比如,原先的处理方法是:
$(window).scroll(function()
{
alert();
});
拉动浏览器的过程中一直alert。
修改后:
var timer=0;
$(window).scroll(function()
{
if(timer)
{
clearTimeout(timer);
timer=0;
}
timer=setTimeout(function()
{
alert();
},300);
});
或者:
var timer=0;
$(window).scroll(function()
{
if(timer)
{
clearTimeout(timer);
timer=0;
}
timer=setTimeout(scroll_fn,300);
});
scroll_fn=function()
{
alert();
}
相关文章
- 燕云十六声墨鼬毫怎么刷 墨鼬毫速刷攻略 08-10
- 燕云十六声粗矿石怎么刷 粗矿石速刷攻略 08-10
- 明末渊虚之羽云顶城竖井宝箱怎么找 竖井宝箱获取路线分享 08-10
- 人渣SCUM头盔防弹效果如何 各头盔防弹能力一览 08-10
- 燕云十六声突破材料怎么刷 突破材料速刷攻略 08-10
- 明末渊虚之羽定北将军成就怎么完成 艾能奇成就获取攻略 08-10