Resize Observer


开始 .observe 时就会异步调用回调(其他 Observe 也一样) // 这个问题造成无限循环的例子

The Resize Observer API can be used to observe changes to Element's clientWidth and clientHeight(content box).


  • 当观察到的元素被插入或从DOM中删除时,观察将会触发
  • 当观察到的元素display值为none时,观察都会触发
  • 观察不会对未替换的内联元素(non-replaced inline element)触发
  • 观察不会由CSS的 transform 触发
  • 如果元素有显示,而且元素大小不是0,0,观察将会触发

// polyfill 使用 requestAnimationFrame,触发滚动条