【问题标题】:css animate add class when scrolling (one pager)滚动时css动画添加类(一个寻呼机)
【发布时间】:2023-03-30 11:54:02
【问题描述】:

我正在尝试在页面滚动时触发 animate.css 事件(一个寻呼机)。

基本上,我需要 jquery 将 .animate 类添加到视图中的每个 visible 元素中,例如 .anim


附加点:如果有办法将 data-delay 属性添加到我的 html 中,以便 jquery 延迟解析它

例如你好

【问题讨论】:

标签: jquery css animate.css inview


【解决方案1】:

将类添加到要添加.anim 类的所有元素,就像我在示例add 中所做的那样 然后编写下面的jQuery代码

if (scroll >= 500) {
    $(".add").addClass(".anim");
}

更多详情请查看DEMO JSFIDDLE

也可以查看link

【讨论】:

  • 是的,我也是这么想的,但是因为它是一个冗长的页面,所以有一个带有航点、inview 或类似东西的脚本会很酷……
  • 所以你也可以 $("div").addClass("anim");如果您的所有元素都是 div ..粘贴您的一小部分 html 以更清楚地了解
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-02-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多