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

来源：互联网发布：sql学生信息管理系统编辑：程序博客网时间：2024/06/05 20:17

通过设置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);

resize end事件

$.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);

https://stackoverflow.com/questions/3701311/event-when-user-stops-scrolling

阅读全文

0 0