Javascript 当元素在窗口中时，如何触发jQuery计数器？

我有一个jQuery代码，它可以触发从0到1750的计数器。但是，这个计数器在我的页面底部，如果你没有足够快地滚动到它，你就会错过计数器动画。是否有一种方法可以触发此命令，使其仅在您点击窗口中的元素后运行

// Counter
$(document).ready(function() {
    $('.count').each(function() {
        $(this).prop('Counter', 0).animate({
            Counter: $(this).text()
        }, {
            duration: 12000,
            easing: 'swing',
            step: function(now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
});

---

尝试类似的方法，检查窗口顶部位置，如果高于或等于目标元素且小于窗口高度，则进行动画计数

HTML

<div class="wrapper-count">
  <ul>
    <li class="count">0</li>
    <li class="count">0</li>
    <li class="count">0</li>
  </ul>
</div>

---

你刚才问的问题有解决这个问题的代码。

$(document).ready(function(){
  $(function(){
    $(window).on("scroll", function(){
      var win_height = $(this).height();
      var win_pos    = $(this).scrollTop();
      var top_pos    = $(".wrapper-count").position().top;

      if(win_pos >= top_pos - win_height){
        // here goes your count logic
      }
    });
  });
});