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

时间:2016-07-16 04:51:00

标签: javascript jquery html animation wow.js

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

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

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

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

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

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

我真的想保持哇动画,它们看起来很酷,并为无聊的网页赋予生命。

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

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

谢谢!

1 个答案:

答案 0 :(得分:2)

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

.wow {
    visibility: visible !important;
}

感谢