滚动到某些div元素后如何触发javascript函数[重复]

Question

如何仅在我向下滚动到“myTargetElement”并且它在屏幕上可见时才触发此功能，而不是在页面加载后立即触发？

<script src="countUp.min.js" type='text/javascript'></script>

<script>
$(document).ready(function() {
    var countOptions = {
        useEasing : true,
        useGrouping : true,
        separator : ',',
        decimal : '.'
    }
    var customerNumber = new countUp("myTargetElement", 0, 1635, 0, 7, countOptions);
    customerNumber.start();

});
</script>

Answer 1

在滚动事件中检查目标元素偏移顶部和文档滚动顶部是否相同，如果相同则触发函数

$(document).scroll(function(){
    if($('.myTargetElement').offset().top == $(document).scrollTop()){
        //Trigger function
    }
});

Answer 2

以下脚本会在它可见时立即触发 (http://jsfiddle.net/f1xbgy86/1/)：

$(window).scroll(function() {
                 if(isElementVisible($('#yourElementID'))) {
        $(window).off('scroll');
                     //Call From here

}
});


function isElementVisible(elem)
{
    var visibleTop = $(window).scrollTop();
    var visibleBottom = visibleTop + $(window).height();

    return ((elem.offset().top + elem.height()) <= visibleBottom);
}