javascript - jQuery - 滚动功能不断触发：请仅一次

Question

我有以下 jQuery 函数，aTestEvent()当用户水平滚动超过 500 像素时触发：

jQuery(document).scroll(function(){
    if(jQuery(this).scrollLeft() >= 500){
           aTestEvent();
 }});

问题是：我只想aTestEvent()被触发一次！但是，每次用户滚动回到页面的开头并再次超过 500 像素时，aTestEvent()都会再次触发。

我们如何调整上面的代码，使触发器只在用户第一次滚动超过 500 像素时发生？

Answer 1

您可以使用on和off方法：

$(document).on('scroll', function() {
    if( $(this).scrollLeft() >= 500 ) {
        $(document).off('scroll');
        aTestEvent();
    }
});

http://jsfiddle.net/3kacd/

请注意：此代码片段可以“关闭”特定页面上所有可用的滚动事件，但要仅滚动关闭预期的滚动处理程序而不干扰其他滚动处理程序，我们可以使用命名空间。命名空间类似于 CSS 类，因为它们不是分层的；只有一个名字需要匹配。

$(document).on('name1.scroll', function() {
    if( $(this).scrollLeft() >= 500 ) {
        $(document).off('name1.scroll');
        aTestEvent();
    }
});

http://jsfiddle.net/shekhardtu/3kacd/57/