Question

我从jquery开始，当我看到页面位置时，我尝试执行一个函数。

“http://www.jqueryscript.net/demo/Animated-Circle-Statistics-Plugin-With-jQuery-Canvas-Circliful/”示例：

<div id="myStat4" data-startdegree="180" data-dimension="250" data-text="35%" data-info="New Clients" data-width="30" data-fontsize="38" data-percent="35" data-fgcolor="#61a9dc" data-bgcolor="#eee"></div>

$(window).load(function() {
        $('#myStat4').circliful();
}

但它不起作用，当我滚动到我的部分时，pourcentage圈已经完成。你有想法实现这个动作吗？

谢谢

Answer 1

当页面完成加载时，动画应该运行：

    $(function() {
            $('#myStat4').circliful();
    });

编辑：但是这不等到你向下滚动，它在页面加载完成后立即开始。所以你需要改变以添加一些像sroll监听器那样的东西，当画布可见时触发一些触发。

通过滚动事件

，可以通过以下方式实现事件

Triggering jquery event when an element appears on screen

Answer 2

Build->Rebuild All

因此，当您所有图像和页面上的所有内容完成加载时，这将检查，然后每次滚动时再次尝试。您可以在IF语句中调整数学，如果您希望它在开始之前进一步滚动...原样，如果只显示圆形顶部的一小部分，它将会激活。

如果你有多个，你可能想要为每个人创建一个函数循环，而不是ID或类似的东西。然后你还必须改变＆＃34;圆的真或假＆＃34;为每个单独的统计数据腾出空间。

Jquery - 看到页面位置时的加载功能

2 个答案: