Javascript 当看到元素时调用JS函数

当我在屏幕上看到元素时，我想调用函数（动画）（滚动到元素）。我试试这个：

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

$（'#count repairs all'）。在（'show'，function（）{
警报（“测试”）；
})

但它不起作用。我找不到任何用于此的插件。

您可以通过以下方式尝试：

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');
});

---

如果您使用的是

jQuery

，您可以试试这个

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

查看jQuery

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