javascript - 页面停止滚动时触发函数

Question

如何在浏览器窗口停止滚动时触发函数？通过鼠标滚轮、单击、空格键或箭头键？是否有此类操作的事件？我曾尝试在线搜索但找不到任何解决方案。我对 jQuery 解决方案很满意。

Answer 1

没有“事件”，但您可以创建自己的事件，如下所示:

$(function() {
  var timer;
  $(window).scroll(function() {
    clearTimeout(timer);
    timer = setTimeout(function() {
      $(window).trigger("scrollStop");
    }, 250);
  });
});

然后你可以像这样绑定(bind)到它:

$(window).bind("scrollStop", function() {
  alert("No one has scrolled me in 250ms, where's the love?");
});

这会创建一个事件，对此没有“停止”，但您可以定义自己的...在这种情况下，“停止”定义为“在 250 毫秒内未滚动”，您可以根据自己的需要调整计时器喜欢，但这就是想法。

此外，如果您只做一件事，则不需要事件，只需将您的代码放在我调用 $(window).trigger("scrollStop") 的位置即可将在滚动停止后运行 n 毫秒。