职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 468|回复: 2

让scroll事件在滚动条停止时响应

[复制链接]
Jethro 发表于 2011-6-15 14:55 | 显示全部楼层 |阅读模式
用过scroll事件的人都知道,在每次拖动滚动条的时候会相应的事件会相应多次,而在大多数情况下我们都只希望它在滚动条停止滚动的时候 响应。经过多次测试,终于发现了一个比较好的解决方案,那就是通过setTimeout,给scroll加个延迟。例如用jQuery为页面加入 scroll事件,可以这样写:
Js代码  
var timeout = false;   
$(window).scroll(function(){   
    if (timeout){clearTimeout(timeout);}   
    timeout = setTimeout(function(){   
        //do   
    },100);   
);   

    var timeout = false;
    $(window).scroll(function(){
        if (timeout){clearTimeout(timeout);}
        timeout = setTimeout(function(){
            //do
        },100);
    );


原文地址:http://www.lav.so/index.php?aid=2

无处不在 发表于 2011-6-15 14:55 | 显示全部楼层
推荐链接
【推荐】java 新手是如何获得“8K月薪”的?
年薪100万诚邀IT讲师

曾经的小孩 发表于 2011-8-12 10:15 | 显示全部楼层
先踹你一脚再说~~~~~~
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-3-28 22:14 , Processed in 0.132002 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表