美文网首页
监听页面元素高度的变化

监听页面元素高度的变化

作者: jluemmmm | 来源:发表于2020-10-21 16:10 被阅读0次

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

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

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

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

    相关文章

      网友评论

          本文标题:监听页面元素高度的变化

          本文链接:https://www.haomeiwen.com/subject/sdosmktx.html