javascript - scroll.scroll 禁用器有什么作用？

Question

这段代码的作用是什么？

 var oldScrollPos = $(window).scrollTop();
     $(window).on('scroll.scrolldisabler', function (evt) {
         $(window).scrollTop(oldScrollPos);
         evt.preventDefault();
 });

我的代码库使用上面的代码，但我不太确定它为什么有用。

Answer 1

简短回答:该代码阻止用户滚动窗口，但 ".scrolldisabler" 部分没有任何固有含义，并且不需要使代码正常工作。阻止滚动是否“有用”取决于您的要求。

长答案:

第一行将窗口的当前滚动位置存储在变量oldScrollPos中。

对.on()的调用为窗口“滚动”事件创建一个事件处理程序。该处理程序的作用是将窗口的滚动位置设置回oldScrollPos 变量中存储的位置，这样可以防止用户滚动窗口。 (它还调用 .preventDefault()，但我认为在这种情况下不会执行任何操作，因为滚动事件是在滚动发生后触发的。)

".scrolldisabler" 部分是一个“事件命名空间”，它是一个 jQuery 功能:它只是一个标识符，您可以使用它来解除绑定(bind)此处理程序而不影响其他滚动处理程序，它是不是实际事件名称的一部分，并且没有特定的技术含义。这可以编码为 .on("scroll.hello" 或 .on("scroll")，它仍然会以相同的方式工作。命名空间只起作用如果您稍后调用 .trigger() 或 .off()。

有关 jQuery 事件命名空间的更多信息，请参阅 .on() documentation .