Emergence.js

检测元素可见性的 js 插件
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 浏览器/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 ] {
   / *可见状态* / 
}
  • 【20171208 前端开发日报】再也不学AJAX了(三)跨域获取资源 ② – JSONP & CORS;JavaScript 权威面试指南;20171207 前端开发日报;听说你用JavaScript写代码?本文是你的机器学习指南;卷两根Weeds,搞懂Promise;一步一步将支付宝...详情→网页链接 【20171207 前端开发日报】如何更好的管理前端环境变量;CSS 实现左右交换的效果;

  • 【20171208 前端开发日报】再也不学AJAX了(三)跨域获取资源 ② – JSONP & CORS;JavaScript 权威面试指南;20171207 前端开发日报;听说你用JavaScript写代码?本文是你的机器学习指南;卷两根Weeds,搞懂Promise;一步一步将支付宝...详情→网页链接 【20171207 前端开发日报】如何更好的管理前端环境变量;CSS 实现左右交换的效果;

  • 【20171208 前端开发日报】再也不学AJAX了(三)跨域获取资源 ② – JSONP & CORS;JavaScript 权威面试指南;20171207 前端开发日报;听说你用JavaScript写代码?本文是你的机器学习指南;卷两根Weeds,搞懂Promise;一步一步将支付宝...详情→网页链接 【20171207 前端开发日报】如何更好的管理前端环境变量;CSS 实现左右交换的效果;

  • 【20171208 前端开发日报】再也不学AJAX了(三)跨域获取资源 ② – JSONP & CORS;JavaScript 权威面试指南;20171207 前端开发日报;听说你用JavaScript写代码?本文是你的机器学习指南;卷两根Weeds,搞懂Promise;一步一步将支付宝...详情→网页链接 【20171207 前端开发日报】如何更好的管理前端环境变量;CSS 实现左右交换的效果;

  •   I'm not sure what it is, but there continues to be some sort of "competition" for "who can find the biggest bug" -- as if attackers had to choose, and more importantly, as if any bug was so big that

  • What ASP.NET Developers Should Know About JavaScript Posted by scott on Tuesday, May 08, 2007 This article looks at JavaScript from the perspective of a C# or Visual Basic programmer. See how to apply

 相关资料
  • CSS 中的 visibility 属性用来设置元素是否可见,您可以将该属性与 JavaScript 一起使用,来创建非常复杂的菜单或网页布局,比如在网页中做一些测试题时您可以使用 visibility 属性将题目的答案或解析隐藏起来,需要时再将其展示出来。 visibility 属性的可选值如下: 值 描述 visible 默认值,表示元素是可见的 hidden 隐藏元素 collapse 主要

  • 问题内容: 使用和,我一直在页面上隐藏/显示一个元素,但是有两个按钮,一个用于隐藏,一个用于显示。我现在想要 一个按钮来同时切换 两者 。 我的HTML / JavaScript是这样的: 我想要的HTML / JavaScript: 如何检测元素是否可见? 问题答案: 您正在寻找: 尽管您可能考虑到仍在其他地方使用它,但应该将选择器更改为使用jQuery: 重要的是要注意,如果目标元素的父元素中

  • 所以我们有一页医学专科。它原本只是英文的。因此,如果您搜索“neuro”,则HTML看起来类似于 然后他们添加了西班牙语,所以并不是所有的结果都会返回,但是只有西班牙语是可见的。一个新的 > 添加在底部。 是否有方法等待任何匹配xpath的元素可见?注意,visibilityOfAllElements()将不起作用,因为它们不会全部可见。 我想可以做的是,预先计算所有带有@id和“width”的元

  • 问题内容: 我对一种检查元素是否具有display:none样式显式性(即style =“ display:none”),具有(或继承)此样式的类,或其父项是否被隐藏的方式感兴趣(并且我的元素继承了这个) 情况1: 要么 情况2: 谢谢, 问题答案: 您正在寻找一种针对两种不同情况的解决方案。 第二种情况是检测某个元素的 父级 是否被隐藏。这需要遍历并且麻烦且缓慢。 / Sizzle使用),然后阅

  • 我对Selenium WebDrive有一个问题。我正在对Web应用程序运行自动化测试,并进行测试以检查元素的可见性。当我在中运行同一行脚本时,找到了元素,并且返回“TRUE”,但当我通过Python IDE与其他测试用例一起运行它时,返回。 我尝试了隐式和显式等待,但等待不是问题所在,元素已经加载。 这是我的测试脚本中的测试用例: 这是我在CLI中运行的脚本: 有什么方法可以防止这种假阴性吗?可

  • 下面是我的代码。当我从excel中输入url时,大部分时间都显示org . open QA . selenium . elementnotvisibleexception:元素当前不可见错误。对于像www.travelocity.com这样的网站,它显示点击7 8链接后,但www.google.com显示错误从开始。 线程"main"org.openqa.selenium.ElementNotVi

  • 问题内容: 基本上,我想知道是否有一种方法可以在元素变为隐藏或可见时自动运行功能,而不是在用户单击时而是在另一个脚本中自动运行。 我不希望它只运行一次,因为元素(例如滑块)不断地从可见变为隐藏。 这是jQuery可以使用bind进行的事情吗?例如将元素的可见性绑定到函数(我不知道该怎么写) 如果您需要我详细说明我要做什么,请告诉我。谢谢 伪代码: 问题答案: ~~JQuery中没有事件可检测CSS

  • 问题内容: 有什么方法可以检查元素在纯JS(无jQuery)中是否可见? 因此,例如,在此页面中:PerformanceBikes,如果将鼠标悬停在Deals上(在顶部菜单上),则会显示一个交易窗口,但开始时未显示。它在HTML中,但不可见。 那么,给定一个DOM元素,我如何检查它是否可见?我试过了: 但它似乎不起作用。我想知道应该检查哪些属性。我想到: 还有其他我可能会想念的东西吗? 问题答案: