是否可以在頁面加載時加載所有WOW.js隱藏的HTML元素？

Question

我有一個難以解釋的問題，所以忍受我，我會盡力解釋它。

首先，讓我簡要解釋一下我正在創建的網站。 它以全屏橫幅開始，橫幅下方有一個充滿物品的網格。

我正在使用wow.js為每個網格項目添加動畫。 每個項目最初都是隱藏的（因為wow.js）但是當您向下滾動頁面時它們會從左側飛入。

我在網格頂部有一些類別鏈接，它們調用一個工作的自定義jQuery函數，該函數根據您單擊的鏈接顯示/隱藏某些網格項。 每個鏈接都有一個與之關聯的類別，並在單擊時顯示具有該類別的所有網格項。 它還隱藏了沒有該類別的所有網格項。

我的問題是類別鏈接不顯示該類別中的所有網格項，除非您滾動到頁面底部並加載所有網格項。 鏈接將僅顯示通過向下滾動加載的網格項。

如果我刪除哇動畫，所有網格項在頁面加載時都可見，類別鏈接工作正常，鏈接完全顯示該類別中的所有網格項。

我真的想保持驚人的動畫，它們看起來很酷，並為枯燥的網頁賦予生命。

有沒有人知道在保持隱藏的wow.js效果的同時以某種方式加載頁面加載的所有元素（網格項）？

我知道這是一個令人困惑的問題，我可能沒有最好地解釋它。 我將嘗試找到一種方法來重新提出我的問題，這樣就更容易理解，但同時我會將這個問題保持活躍。

謝謝！

Answer 1

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

.wow {
    visibility: visible !important;
}

謝謝