监听页面元素高度的变化

2020-10-21  本文已影响0人  jluemmmm

MutationObserver可以监听 dom 树所作的更改,文档视图调整大小时会触发 resize 事件,resize事件无法检测元素高度的变化。

针对一种场景,父元素高度自适应,由子元素高度撑开,使用 MutationObserver 无法检测到父元素高度的变化,只有当元素的 style 属性发生变化时,才会触发该事件。同样,这种场景使用 resize 也无法检测。

**ResizeObserver 可以实时监测到元素的高度变化 **

const resizeObserver = new ResizeObserver(entries => {
  // 监测到高度变化后需要处理的逻辑
});
resizeObserver.observe(el)
上一篇 下一篇

猜你喜欢

热点阅读