Emergence.js檢測(cè)元素可見性的 js 插件

Emergence.js 是一個(gè)輕量級(jí)，高性能的 JS 插件，用于檢測(cè)和操作瀏覽器中的元素。

這個(gè)插件被設(shè)計(jì)為允許根據(jù)瀏覽器中的可見性對(duì)元素進(jìn)行操作。它使開發(fā)人員可以自由使用自己的 CSS 或JS 來(lái)查看動(dòng)畫還是狀態(tài)的改變。它利用 HTML5 數(shù)據(jù)屬性而不是類來(lái)簡(jiǎn)化開發(fā)。Emergence.js 是同類型中最輕，最兼容的插件之一。

如何使用

添加data-emergence="hidden"到您想要觀看的任何元素：

< div  class = “ element ”  data-emergence = “ hidden ” > </ div >

當(dāng)元素在視口內(nèi)變得可見時(shí)，屬性將變?yōu)?code>data-emergence="visible"?，F(xiàn)在，您可以利用CSS來(lái)動(dòng)畫元素：

.element [ data-emergence = hidden ] {
   / *隱藏狀態(tài)* /
}
.element [ data-emergence = visible ] {
   / *可見狀態(tài)* / 
}