只调用一次JS函数

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与Waypoint插件一起使用，这可能会帮助您准确地完成所需的工作。