el.getBoundingClientRect() 上的 MutationObserver 检测屏幕上的元素位置

Question

我试图在不轮询或使用诸如此类的事件的情况下检测 DOM 元素屏幕位置变化onscroll。MutationObserver会做到这一点，但它似乎不适用于方法（例如 getBoundingClientRect() ）。

那是准确的吗？如果没有，我如何使用 MutationObserver 来检测 clientRect 更改？

示例：https : //codepen.io/Darksoulsong/pen/rwOQLo

添加新框，滚动视口，添加更多框并注意 rect 值不会更新。