javascript - jQuery - 滚动功能不断触发 : Only Once Please

Question

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

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/