javascript - 如果滚动只到达某个点一次，则触发功能。不是每次

Question

我想检查我的用户是否到达了我页面中的某个点。所以我创建了以下 JS 代码:

$(document).on('scroll', function() {
    if($(this).scrollTop()>=$('#page2').position().top){

    alert("trigger");
    }
})

检查用户是否访问了我的 id="page2"。但我希望它只触发一次，无论用户是否回退，现在每次 page2.position().top = scrollTop 时都会触发。

我该怎么做？

Answer 1

您可以使用 event.namespace和 off()在执行所需语句后取消绑定(bind)事件处理程序。

$(document).on('scroll.something', function() {
    if ($(this).scrollTop() >= $('#page2').position().top) {
        //Do something

        //Unbind the event
        $(document).off('scroll.something')
    }
})