Question

我为花式饼图http://codepen.io/githiro/pen/ICfFE

尝试了一个jquery插件

我已将其实施到此网站：http://digi.hkettelhut.de/ 但现在我不希望它在页面加载时动画，但看到#general部分。我没有进入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" },
  ]);
 }
});

Answer 1

将代码放在滚动事件处理程序中，然后检查正文的scrollTop是否大于您要查找的元素的偏移量。

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

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

1 个答案: