Вызовите функцию JS, когда увидите элемент

Question

Мне нужен вызов функции (анимации), когда я вижу элемент на дисплее (прокрутка к элементу). Я стараюсь:

<script type="text/javascript"> 
    $('#count-repairs-all').on('show', function() { 
     alert('test'); 
    }) 
</script> 

Но это не работает. Я не могу найти плагин для этого.

Answer 1

Вы можете попробовать, как:

function isVisible(){ 
    //do something 
alert(1); 
} 

//bind the event with element 
$('#contentDiv').bind('isVisible', isVisible); 

//show div and trigger custom event in callback when div is visible 
$('#contentDiv').show('slow', function(){ 
    $(this).trigger('isVisible'); 
}); 

Answer 2

Если вы используете jQuery вы можете попробовать это

var element = $('#yourDiv') 
if(element.is(':visible')){ 
//Do some stuff 
} 
else{ 
//Do something else 
} 

Отъезд Jquery DOCS

Answer 3

$('body').scroll(function(){ 
    var scrollTop = $('body').scrollTop(); 
    var topOfCount = $('#count-repairs-all').offset().top; 
    if(scrollTop>topOfCount){ 
    // dosomeThing 
    } 
});