最新下载
热门教程
- 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();
}
相关文章
- 禁闭求生2蝴蝶套配方是什么 蝴蝶套护甲制作材料一览 09-18
- 禁闭求生2蝴蝶长靴配方是什么 蝴蝶长靴制作教程 09-18
- 无主之地4圣城隐没区玉米卷饼在哪 圣城隐没区玉米卷饼收集攻略 09-18
- 地狱即我们新手怎么玩 26大系统功能速查手册 09-18
- 英雄联盟手游芮尔怎么连招-熔铁少女连招技巧 09-18
- 禁闭求生2怎么做蝴蝶长袍 蝴蝶长袍制作方法 09-18