如何知道DOM元素何时移动或调整大小

一般来说,您无法获得元素移动/调整大小的回调;您必须在区间轮询器中不断地检查维度,这会使它的响应性降低一些。您可以通过在窗口上调用checker来改进这一点 resize 事件(以及 scroll 如果涉及溢流或固定定位。您还可以添加DOM变异事件监听器,以便在从文档树中删除元素时获得通知,但这并不适用于所有浏览器。

你不能用纯CSS做一个覆盖吗?放 position: relative

position: absolute;
z-index: 10;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.5;

我不认为这个解决方案会在这么长时间后相关,但有一个基于溢出和下溢事件的优秀跨浏览器解决方案 here

为了启用我们的调整大小监听魔术,我们将一个object元素注入到目标元素中,设置一个特殊样式的列表来隐藏它,并监视它的调整大小当目标元素的父元素调整大小时,它作为一个触发器来提醒我们。

<object> resize 事件,就像一扇窗户。

There's a (Ben Alman) plugin for that. ^TM