在特定的滚动级别上启动jquery函数

我尝试了一个jquery插件，用于制作精美的饼图

我将其应用于此站点： 但现在我不希望它在页面加载时动画化，而是在看到“概述”部分时动画化。我不喜欢jquery，这就是为什么我不能自己解决这个问题

我已经尝试实施一个if条款：

 $(function(){
if ($("body").scrollTop() > (window.innerHeight - 5)) {
  $("#gender").drawDoughnutChart([
    { title: "männlich", value: 120,  color: "#0478c6" },
    { title: "weiblich", value:  80,  color: "#FF00FF" },
  ]);

  $("#age").drawDoughnutChart([
    { title: "19", value:  20,  color: "#0478c6" },
    { title: "20", value:  80,  color: "#FF00FF" },
    { title: "21", value:  35,  color: "#0c4883" },
    { title: "22", value:  65,  color: "#7e0a7e" },
  ]);

  $("#country").drawDoughnutChart([
    { title: "Deutschland", value: 165,  color: "#0478c6" },
    { title: "England", value:  20,  color: "#FF00FF" },
    { title: "Frankreich", value:  15,  color: "#0c4883" },
  ]);
 }
});

---

将代码放入scroll事件处理程序中，然后检查主体的scrollTop是否大于要查找的元素的偏移量

$(function () {
  $(window).on('scroll', function (e) {
    if ($('body').scrollTop() > $(/*element you are looking for*/).offset().top) {
      // Draw pie chart
    }
  });
});

---

jQuery scrollTop可以解决您的问题。但是，我建议你放一些代码来显示你到底在哪里，Struck差点忘了，对不起。编辑；）谢谢你的回答。我必须把它放在整件事的周围，放在摘录的周围还是放在摘录中？因为这两次尝试对我都不起作用\而不是在（…）上执行

$（'body'），do
$（窗口）.on（…）我的道歉。我将编辑答案。这应该行得通。小更新：还必须将第二个“body”更改为window，以使其在所有浏览器中都能工作body“只对我的铬合金起作用。”html，body'仅在IE和FF中。窗户对所有人都很好！