如何在滚动时激活JavaScript编号旋转器？

Question

我正在使用这个JQuery脚本https://codepen.io/shivasurya/pen/FatiB创建一个数字旋转动画，但我需要它只在用户滚动到页面的那一部分时激活。

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

我是JavaScript和JQuery的新手，所以有没有办法修改代码的脚本部分以使其加载滚动而不是文档加载？

Answer 1

滚动页面的那一部分是什么意思？

您可以使用滚动jquery函数https://api.jquery.com/scroll/

但请记住，只有当此元素显示滚动条时，才会在元素上触发滚动功能。