能否在页面加载时加载所有WOW.js隐藏的HTML元素?

4

我有一个比较难解释的问题,希望你能耐心听我讲,我会尽力解释清楚。

首先,让我简要介绍一下我正在创建的网站。它以全屏幕横幅开始,下面是一个填满项目的网格。

我使用 wow.js 为每个网格项添加动画效果。由于 wow.js 的缘故,每个项目一开始都是隐藏的,但当您向下滚动页面时,它们从左侧飞入。

在网格顶部,我有一些类别链接,它们调用一个工作的自定义 jQuery 函数,根据您点击的链接来显示/隐藏特定的网格项。每个链接都有一个关联的类别,当单击时,会显示所有具有该类别的网格项。它还会隐藏所有没有该类别的网格项。

我的问题是,除非您滚动到页面底部并加载所有网格项,否则类别链接不会显示该类别中的所有网格项。链接仅显示已通过向下滚动加载的网格项。

如果我删除 wow 动画,所有网格项在页面加载时都是可见的,并且类别链接正常工作,链接完全显示该类别中的所有网格项。

我真的想保留 wow 动画,它们看起来很酷,并为沉闷的网页注入了生命力。

有人知道如何在页面加载时以某种方式加载所有元素(网格项),同时保持隐藏的 wow.js 效果吗?

我知道这是一个令人困惑的问题,我可能没有最好的解释。我会尝试找到一种重新表述我的问题的方法,使它更容易理解,但同时我会保持这个问题处于活动状态。

谢谢!


1
最好先创建笔,这样别人就可以理解并帮助你。 - user6302777
1个回答

2
我想我已经搞清楚了,我所需要做的就是:
.wow {
    visibility: visible !important;
}

谢谢


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接