Question

我有一个计数器JavaScript代码。它可以正常工作，但我希望计数器开始执行onscroll，但不知道如何执行。有什么帮助吗？

<script type="text/javascript">
     $(document).ready(function () {
        var dataval = parseInt($('.progress').attr("data-amount"));
        if (dataval < 100) {
            $('.progress .amount').css("width", 0 + dataval + "%");
        }

        function modifyProgressVal(type) {
            dataval = parseInt($('.progress').attr("data-amount"));
            if (type == 1)
                dataval = Math.min(100, dataval + 10)
            else if (type == -1)
                dataval = Math.max(0, dataval - 10);
            $('.progress .amount').css("width", 100 - dataval + "%");
            $('.progress').attr("data-amount", dataval);
        }
    });
</script>

Answer 1

您可以像这样在文档上添加滚动事件侦听器：

document.addEventListener("scroll", () => {
 // execute code on scroll
});

Answer 2

标题和问题有点令人困惑，但是我认为您可能希望在加载和滚动时调用函数；详细说明亚历克斯的答案，这应该可行：

document.addEventListener("scroll", () => {
    // execute code on scroll
});

document.dispatchEvent(new Event("scroll"));

Answer 3

添加.scroll功能：

self

如何开始在页面加载时执行javascript代码？

3 个答案: