滚动到父元素时调用函数

Question

我有一个显示动画的canvas元素，当canvas元素滚动到时，我想调用函数＆＃34; play（）＆＃34;。在$（window）.on（＆＃39; scroll＆＃39;）事件处理程序中包含一个函数调用，使得每当我的滚动条位于元素下方时，它会一遍又一遍地重新调用该函数。我只希望在滚动条达到某个阈值后调用此函数一次。

理想情况下，它类似于：

$(window).on('scroll', function(){
    var top_of_element = $('canvas').offset().top;
    var scrollPos = $(window).scrollTop();

    if (scrollPos > top_of_element) {
        play();
        break; <--cancel function
}
});

Answer 1

正如Jonathan在this question所述，没有内置的方法可以做到这一点，但您可以使用布尔变量跟踪画布的可见性状态。只需在相应的滚动位置上设置并检查它就可以了。