我用js做了一個(gè)向上計(jì)數(shù)的計(jì)數(shù)器動(dòng)畫，但是當(dāng)我刷新頁面時(shí)計(jì)數(shù)器就開始向上計(jì)數(shù)動(dòng)畫（不管我在哪里，也不管我是否能看到它）。我希望計(jì)數(shù)器僅在計(jì)數(shù)器 div 位于視點(diǎn)中時(shí)（當(dāng)我向下滾動(dòng)并看到它時(shí)）開始工作。超文本標(biāo)記語言<div class="content bg-warning">    <div class="row m-0 py-5 d-flex justify-content-center">        <div class="counter" data-count="2200" style="color: white; font-size: 32px; font-weight: bold;">0</div>    </div></div>js<script type="text/javascript">    $('.counter').each(function() {      var $this = $(this),          countTo = $this.attr('data-count');            $({ countNum: $this.text()}).animate({        countNum: countTo      },      {        duration: 8000,        easing:'linear',        step: function() {          $this.text(Math.floor(this.countNum));        },        complete: function() {          $this.text(this.countNum);          //alert('finished');        }      });      });</script>我該如何解決這個(gè)問題？