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

Is possible to load all WOW.js hidden HTML elements on page load?

我有一个问题有点难以解释,请耐心等待,我会尽力解释。

首先,让我简单介绍一下我正在创建的网站。它以全屏横幅开始,在横幅下方有一个充满项目的网格。

我正在使用 wow.js 为每个网格项目添加动画。每个项目最初都是隐藏的(因为 wow.js),但当您向下滚动页面时,它们会从左侧飞入。

我在网格顶部有一些类别 links 调用一个工作自定义 jQuery 函数,displays/hides 某些网格项目基于 link 你点击。每个 link 都有一个与其相关联的类别,并在单击时显示具有该类别的所有网格项目。它还会隐藏所有不属于该类别的网格项目。

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

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

我真的很想保留哇哇动画,它们看起来很酷,给无聊的网页带来了生机。

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

我知道这是一个令人困惑的问题,我可能没有最好地解释它。我会尝试找到一种方法来重新表述我的问题,以便更容易理解,但与此同时我会保持这个问题活跃。

谢谢!

我想通了,我所要做的就是

.wow {
    visibility: visible !important;
}

谢谢