javascript - Scrollreveal.js 使用 afterreveal 调用函数

Question

我正在使用Scrollreveal.js在我的网站上显示一些 div。

现在我希望 Scrollreveal 在显示特定 div 后调用函数。

正如文档所述:

”//为每个完成的元素触发的回调显示并重置。

afterReveal:函数(domEl){}，

重置后:函数 (domEl) {}"

我的代码:

var demo = new CountUp('mails', 0, 641, 0, 2.5, options);

sr.reveal('#mails', {
duration   : 600,
delay      : 200,
distance   : '220px',
easing     : 'ease-out',
origin     : 'left',
scale      : 1,
viewFactor : 0.2,
afterReveal: function (domEl) {domEl.demo();}});

谁能告诉我在显示 div 后调用我的变量的正确语法是什么？

我自己尝试了很长时间，没有取得积极的结果，所以我认为现在向别人寻求帮助是可以的:)

谢谢!

Answer 1

弄清楚了，正如我所怀疑的那样，这并不困难，只是我对此不熟悉:)

所以为了缩短这个，我就是这样使用 CountUp.js与 Scrollreveal.js

sr.reveal('#mails', {
duration   : 600,
delay      : 200,
distance   : '220px',
easing     : 'ease-out',
origin     : 'left',
scale      : 1,
viewFactor : 0.2,
beforeReveal: function(){var options = {
useEasing: true, useGrouping: true, separator: ',', decimal: '.', 
};
var demo = new CountUp('mails', 0, 641, 0, 2.5, options);
if (!demo.error) {demo.start();
} else {console.error(demo.error);
}},
});