如何在查看特定元素时触发功能，并且必须仅触发一次

Question

我正在尝试在网站上建立一个柜台，当我使用该网站时，该柜台位于网页底部<​​/ p>

$(document).on('scroll',function(){
 if ($(window).scrollTop()>1200){
$('.counting').each(function() {
        $(this).prop('Counter', 0).animate({
                Counter: $(this).text()
            }, {
                duration: 2000,
                easing: 'swing',
                step: function(now) {
                $(this).text(Math.ceil(now));
            }
        })
    })
}
})

但是在滚动值超过1200后会导致每次滚动触发代码

Answer 1

您可以使用Viewport Checker jQuery插件来验证元素是否在视口中。它将使您能够设置一个对实现范围有用的回调函数。