detect-element-resize:跨浏览器、基于事件的元素调整大小检测

时间:2024-07-25 18:03:01
【文件属性】:

文件名称:detect-element-resize:跨浏览器、基于事件的元素调整大小检测

文件大小:9KB

文件格式:ZIP

更新时间:2024-07-25 18:03:01

JavaScript

Detect element resize 实现来源于 暴露出 config 方法,避免代码中的关键帧动画名和样式名与业务代码中定义的冲突,并优化部分代码。 特性 基于 scroll 事件来检测元素大小改变,而不是基于 Timer,性能很好 除了能检测 JavaScript 引起的元素大小改变,还能检测由 CSS(:hover, animations) 引起的大小改变 兼容 Chrome Firefox IE11 及一下(在 IE11 10 9 8 7 上做过测试) 注意 该实现会在页面头部引入必要的 CSS 样式,在被检测的元素内部引入一些 div 标签,所以需要注意这些引入的第三方代码是否会与自身的业务代码冲突。 API config(options) 这里的配置项都是为了不与业务代码冲突所设置的,所以如非必要请不要调用。 下面是 options 的默认值: options = {


【文件预览】:
detect-element-resize-master
----LICENSE(1KB)
----resize-detect.js(7KB)
----.gitignore(53B)
----demo()
--------index.html(887B)
--------demo.js(826B)
--------sea.js(6KB)
----README.md(1KB)

网友评论