检测HTML元素的回流或移动?

使用相对定位并将小部件附加到实际小部件上如何?这样,它将始终保持相对于原始小部件的相同位置。

您可以将元素附加到body标记,并根据鼠标的位置将其放置在页面上。这就是jQuery UI对话框和工具提示类型脚本等绕过z-index问题的方法。

如果您有jQuery,可以这样做:

$('#clickelement').click(function(e){
     $('#yourlayer').appendTo('body').css({left: e.pageX + 'px',top: (e.pageY + 12) + 'px',zIndex:'10001'}).show();
});

#yourlayer{
    display:none;
    position:absolute;
    width:300px;
}

编辑:修正小字体

我找到了一个可以接受的解决方案。

每当显示浮动弹出窗口时,我创建一个间隔,每隔250毫秒运行一次,再次计算其位置(如果父级位置已更改)。当弹出窗口隐藏或关闭时,我结束计时器。