jQuery -滚动功能保持触发:只有一次

jQuery - Scroll Function Keeps Triggering: Only Once Please

本文关键字：一次 滚动 功能 jQuery      更新时间：2023-09-26

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

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

这里的问题:我只希望aTestEvent()被触发一次!然而，每次用户滚动回页面的开始，然后再次超过500像素，aTestEvent()再次被触发。

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

您可以使用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/

相关文章：