jquery - 如何检测元素是否已滚动但仅滚动一次？

Question

我正在尝试检测元素是否已滚出并完成以下代码

$(window).bind('scroll', function(){
    var $btn = $('#intro div.summary a[href=#top]');
    if($(window).scrollTop() > ($btn.offset().top+$btn.height())){
        console.log('out');
    }
});

我在某些正文文本中有一个 anchor ，我希望在 div.intro 滚出后克隆并制作固定的导航。

我的问题是，一旦元素离开 View ，代码就会触发，但会继续触发。所以我不能再做任何事情了，因为更多的事情都会继续发生。

有没有一种方法可以在输出时“输出”，在输入后“输入”？除了设置一个变量之外。

Answer 1

仅执行一次您可以执行的事件

$(window).one('scroll', function(){
    var $btn = $('#intro div.summary a[href=#top]');
    if($(window).scrollTop() > ($btn.offset().top+$btn.height())) {
        console.log('out');
    }
});