- 授权协议: MIT
- 开发语言: JavaScript
- 操作系统: 跨平台
- 软件首页: https://github.com/xtianmiller/emergence.js
- 软件文档: https://github.com/xtianmiller/emergence.js/blob/master/README.md
- 官方下载: https://github.com/xtianmiller/emergence.js
软件介绍
Emergence.js 是一个轻量级,高性能的 JS 插件,用于检测和操作浏览器中的元素。
这个插件被设计为允许根据浏览器中的可见性对元素进行操作。它使开发人员可以自由使用自己的 CSS 或JS 来查看动画还是状态的改变。它利用 HTML5 数据属性而不是类来简化开发。Emergence.js 是同类型中最轻,最兼容的插件之一。
如何使用
添加data-emergence="hidden"到您想要观看的任何元素:
< div class = “ element ” data-emergence = “ hidden ” > </ div >
当元素在视口内变得可见时,属性将变为data-emergence="visible"。现在,您可以利用CSS来动画元素:
.element [ data-emergence = hidden ] {
/ *隐藏状态* /
}
.element [ data-emergence = visible ] {
/ *可见状态* /
}
