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

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

本文关键字:加载 js WOW 隐藏 元素 HTML      更新时间:2023-09-26

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

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

我正在使用wow.js为每个网格项提供动画。每个项目一开始都是隐藏的(因为哇.js),但当你向下滚动页面时,它们会从左侧飞进来。

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

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

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

我真的很想保留令人惊叹的动画,它们看起来很酷,并为无聊的网页赋予生命。

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

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

谢谢!

我想

通了,我所要做的就是

.wow {
    visibility: visible !important;
}

谢谢