如果div在屏幕上，则计数器编号为动画

Question

我有一个响应式网页，它使用从0到特定数字的简单计数器。它位于if(!isset($_SESSION['email'],$_SESSION['serial'],$_SESSION['name'],$_SESSION['number'],$_SESSION['institution'],$_SESSION['address'],$_SESSION['item2'])){ // invalid } 内，并使用简单的JavaScript函数进行动画处理。要看到这个div，我们必须向下滚动。该动画是否可能仅在屏幕上显示div div class="startAnime"时才会启动？无论我们在不同的屏幕上做了多大的尺寸或滚动？

代码动画

startAnime

html代码：

<script>
$('.count').each(function () {
  var $this = $(this);
  jQuery({ Counter: 0 }).animate({ Counter: $this.text() }, {
    duration: 2000,
    easing: 'swing',
    step: function () {
      $this.text(Math.ceil(this.Counter));
    }
  });
});
</script>