小编AKN*_*air的帖子

点击事件上的AOS动画?

我的页面使用 AOS 插件制作动画。AOS 将随着页面加载而加载:

AOS.init({
  once: true,
  easing: 'ease-in-out'
});
Run Code Online (Sandbox Code Playgroud)

同一页面上的导航列表被隐藏。仅当我们单击导航菜单图标(汉堡包图标)时,它才应显示。我希望列表也可以使用 AOS 插件进行动画处理。

这是我用来在点击时初始化插件的代码:

var iconButton = $("button");
iconButton.on("click", function() {
  AOS.init({
    startEvent: 'click',
    easing: 'ease-in-out'
  });
});
Run Code Online (Sandbox Code Playgroud)

但是,我认为这个插件会在页面加载时初始化。任何想法,我怎样才能做到这一点?

css jquery plugins jquery-plugins css-transitions

3
推荐指数
1
解决办法
7286
查看次数

标签 统计

css ×1

css-transitions ×1

jquery ×1

jquery-plugins ×1

plugins ×1