jQuery scroll结束事件和resize结束事件

通过设置timeout，判断滚动事件和resize事件的结束

scroll end事件

$.fn.scrollEnd = function(callback, timeout) {          
  $(this).scroll(function(){
    var $this = $(this);
    if ($this.data('scrollTimeout')) {
      clearTimeout($this.data('scrollTimeout'));
    }
    $this.data('scrollTimeout', setTimeout(callback,timeout));
  });
};

//with a 1000ms timeout
$(window).scrollEnd(function(){
    alert('stopped scrolling');
}, 1000);

$.fn.resizeEnd = function (callback, timeout) {
    $(this).resize(function () {
        var $this = $(this);
        if ($this.data('resizeTimeout')) {
            clearTimeout($this.data('resizeTimeout'));
        }
        $this.data('resizeTimeout', setTimeout(callback, timeout));
    });
};

$(document).resizeEnd(function () {
    alert('stopped resizing');
}, 800);

最后

以上就是激昂老师为你收集整理的jQuery scroll结束事件和resize结束事件的全部内容，希望文章能够帮你解决jQuery scroll结束事件和resize结束事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。