Question

我正在使用以下功能运行正常，但我只想调用一次 - 目前每次使用滚动时，触发功能ID，结果我的动画图表重新构建。

window.onscroll = function() {


new Chart(document.getElementById("doughnut").getContext("2d")).Doughnut(doughnutData);
new Chart(document.getElementById("line").getContext("2d")).Line(lineChartData);
new Chart(document.getElementById("radar").getContext("2d")).Radar(radarChartData);




}

感谢!!!!

Answer 1

var isNotScrolled = true;

window.onscroll = function() {
  if(isNotScrolled)
  {
    new Chart(document.getElementById("doughnut").getContext("2d")).Doughnut(doughnutData);
    new Chart(document.getElementById("line").getContext("2d")).Line(lineChartData);
    new Chart(document.getElementById("radar").getContext("2d")).Radar(radarChartData);

    isNotScrolled = false;
  }
}

您也可以考虑使用jQuery with waypoint plugin，这可能会帮助您完全按照自己的意愿行事。

只调用JS函数一次

1 个答案: