码迷,mamicode.com
首页 > 其他好文 > 详细

scrolltop 事件

时间:2017-07-18 13:37:48      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:sel   timeout   app   tar   过程   out   事件   bin   nts   

解决在鼠标滚动过程中不断执行事件,在滚动完成之后再触发事件,用scrollstop。

(function () {

    var special = jQuery.event.special,
        uid1 = ‘D‘ + (+new Date()),
        uid2 = ‘D‘ + (+new Date() + 1);

    special.scrollstart = {
        setup: function () {

            var timer,
                handler = function (evt) {

                    var _self = this,
                        _args = arguments;

                    if (timer) {
                        clearTimeout(timer);
                    } else {
                        evt.type = ‘scrollstart‘;
                        jQuery.event.dispatch.apply(_self, _args);
                    }

                    timer = setTimeout(function () {
                        timer = null;
                    }, special.scrollstop.latency);

                };

            jQuery(this).bind(‘scroll‘, handler).data(uid1, handler);

        },
        teardown: function () {
            jQuery(this).unbind(‘scroll‘, jQuery(this).data(uid1));
        }
    };

    special.scrollstop = {
        latency: 300,
        setup: function () {

            var timer,
                    handler = function (evt) {

                        var _self = this,
                        _args = arguments;

                        if (timer) {
                            clearTimeout(timer);
                        }

                        timer = setTimeout(function () {

                            timer = null;
                            evt.type = ‘scrollstop‘;
                            jQuery.event.dispatch.apply(_self, _args);

                        }, special.scrollstop.latency);

                    };

            jQuery(this).bind(‘scroll‘, handler).data(uid2, handler);

        },
        teardown: function () {
            jQuery(this).unbind(‘scroll‘, jQuery(this).data(uid2));
        }
    };

})();

scrolltop 事件

标签:sel   timeout   app   tar   过程   out   事件   bin   nts   

原文地址:http://www.cnblogs.com/zibuyu1990/p/7199826.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!