【问题标题】:Having trouble adding aos.js using classes使用类添加 aos.js 时遇到问题
【发布时间】:2019-11-15 23:27:18
【问题描述】:

我有一个 Gutenberg 网站,我想添加用户可以控制的动画,我正在使用 aos(滚动动画),我想,如果我创建一个类然后循环它并添加相关的数据 -aos值,例如

$('.aos-fade-up').each(function(i) {
    $(this).attr('data-aos', 'fade-up');
});

按预期工作,添加相关属性,内容被隐藏,但滚动时没有任何反应。

这里有什么问题?该属性已打开,它隐藏了内容,但滚动时没有任何反应。

笔在这里:https://codepen.io/StuartAttain/pen/MWWzVpe

【问题讨论】:

  • 你有什么答案吗?我也在寻找解决方案。

标签: javascript animation


【解决方案1】:

替换后你必须init

https://codepen.io/farinspace/pen/bGVppQb

或者之后做一个AOS.refreshHard();

https://codepen.io/farinspace/pen/ExVKKrw

【讨论】:

    猜你喜欢
    • 2017-09-09
    • 1970-01-01
    • 2020-09-15
    • 2017-06-17
    • 1970-01-01
    • 1970-01-01
    • 2013-03-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多