首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Scrollreveal.js使用afterreveal调用函数

Scrollreveal.js使用afterreveal调用函数
EN

Stack Overflow用户
提问于 2018-05-17 18:44:56
回答 1查看 497关注 0票数 1

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

现在我想让Scrollreveal在一个函数显示了一个特定的div之后调用它。

正如文档所说:

“//为每个已完成的元素触发的回调element和reset。

函数:afterReveal (domEl) {},

函数:afterReset (domEl) {}“

我的代码:

代码语言:javascript
复制
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显示后调用我的变量的正确语法是什么?

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

谢谢!

EN

回答 1

Stack Overflow用户

发布于 2018-05-18 03:13:28

弄清楚了,这并不难,正如我所怀疑的,只是我是个新手:)

为了简短起见,下面是我在Scrollreveal.js中使用CountUp.js的方法

代码语言:javascript
复制
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);
}},
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50389508

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档