如何在jQuery中仅解绑当前指定的scroll事件？

这个问题很常见——当你用匿名函数绑定scroll事件后，直接调用$(document).off('scroll')会把页面上所有的scroll事件都解绑掉，想要只移除你绑定的那一个，有两种实用的解决方案：

方法1：使用命名事件处理函数 #

核心思路是不要用匿名函数，把你的事件逻辑抽成一个有名字的函数，绑定和解绑时都指定这个函数。这样jQuery就能精准定位到要移除的那个事件：

// 第一步：定义命名的处理函数
function myTargetScrollHandler() {
  // 这里写你的scroll事件逻辑：do stuff
}

// 第二步：绑定事件时使用这个命名函数
$(document).on('scroll', myTargetScrollHandler);

// 第三步：解绑时指定同一个函数，只会移除这个事件
$(document).off('scroll', myTargetScrollHandler);

这种方法的好处是，如果这个处理函数还需要在其他地方复用，会非常方便。

方法2：使用jQuery事件命名空间 #

如果你的事件逻辑不需要复用，只想快速给这个scroll事件加个“标识”，可以用jQuery的事件命名空间——给事件名加上自定义的后缀（格式是事件名.命名空间）：

// 绑定带命名空间的scroll事件
$(document).on('scroll.myCustomScroll', function() {
  // do stuff
});

// 解绑时只针对这个命名空间的scroll事件
$(document).off('scroll.myCustomScroll');

这样操作后，页面上其他没有加.myCustomScroll命名空间的scroll事件完全不受影响，非常适合一次性的事件绑定场景。

内容的提问来源于stack exchange，提问作者AngryHacker