javascript - 仅执行 'onscroll'函数一次

Question

参见 - https://codepen.io/pranavraghaw1/pen/BaNGRXY

我正在 Javascript 中使用 onscroll 事件来为我的图表添加动画效果，该图表是使用“Chart.js”制作的。

问题是，每次我在页面上滚动时都会调用该函数。

我用来计算显示位置(图形动画运行时的 X 位置)的方法是:

我尝试过的一个解决方案(仅执行一次该函数)是:

let run = true;  
 if (Ypos>play && run) {
   run = false;
   disp();
 }

参见 - https://codepen.io/pranavraghaw1/pen/BaNGRXY

I'm not experience in jQuery, so I'll need a solution in Javascript only.

Answer 1

你的问题在这里let run = true;这应该在你的“addEventListener”外部声明，而不是在内部。