如何使用animate.css和viewportchecker進行引導

我在網站中使用引導程序，但無法使用animate.css和viewportchecker創建像這樣的動畫http://www.web2feel.com/freeby/scroll-effects/index4.html，因爲所有元素在添加類隱藏後都會永久消失如何使用animate.css和viewportchecker進行引導

jQuery('.row.homeCats').addClass("hide").viewportChecker({ 
    classToAdd: 'visible animated fadeInDown', 
    offset: 100 
});

這是自舉CSS相同的頁面和js文件包含http://goo.gl/AipVzD可以seenothing是表示所有

我試圖將隱藏的類多個元素了，但我得到了相同的結果。動畫通常工作沒有引導要素同樣

2015-01-05 PHP User

白手起家隱藏類是：

.hidden { 
display: none !important; 
visibility: hidden !important; 
}

所以當然它隱藏的一切。但animate.css中沒有「隱藏」類。我不確定你爲什麼需要它，但爲什麼不自己創建類，如果你需要隱藏什麼？

附錄

由於您的問題其實是關於viewportchecker不animate.css，這裏是一個解決方案：

使用此爲您的CSS（編輯）

.hideme{ 
opacity:0; 
} 
.visible{ 
opacity:1; 
}

這對於你的js（編輯）：

jQuery('.row.homeCats').addClass("hideme").viewportChecker({ 
classToAdd: 'visible animated fadeInDown', 
offset: 100 
});

2015-01-05 19:18:51 Macsupport

是的我知道開機錶帶使用.hidden類，所以我問如何使div出現像這樣http://www.web2feel.com/freeby/scroll-effects/index4.html，因爲你看到有針對性的div默認隱藏，然後他們出現動畫同時滾動 –

你的問題是關於animate.css（你需要修改它），這不是問題，它是你需要改變的viewportChecker.js。 – Macsupport

仍然是同樣的問題什麼都沒有出現，所以有沒有這樣的動畫，像在bootstrap的示例中沒有隱藏元素的問題？感謝您的努力和您的幫助 –

回答