微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Emergence.js 检测元素可见性的 js 插件

程序名称:Emergence.js

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

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 ] {
   / *可见状态* / 
}

Emergence.js 官网

https://github.com/xtianmiller/emergence.js

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐