Scrollreveal.js使用afterreveal调用函数

时间:2018-05-17 10:44:56

标签: javascript function scrollreveal.js

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

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

正如文件所说:

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

afterReveal:function(domEl){},

afterReset:function(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之后调用我的变量的正确语法是什么?

我已经尝试了很长时间自己做,没有任何积极的结果,所以我认为现在可以请别人帮忙:)

谢谢!

1 个答案:

答案 0 :(得分:1)

想出来,这并不困难,因为我怀疑,只是我对此不熟悉了:)

所以为了缩短这一点,我就是CountUp.jsScrollreveal.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);
}},
});