javascript - overlay 元素是否总是需要位于 HTML 正文的末尾？

Question

我注意到在 javascript 框架中，对话框、工具提示和警报等元素大多出现在主体的末尾。

我正在对这些元素进行自己的实现，并努力使其万无一失。我正在重复一些技术，例如使用透明 iframe 覆盖旧浏览器中的嵌入对象，等等。

如果我使用 {position: fixed} 将对话框/工具提示放在 DOM 树深处的某处，我会面临什么限制？我担心这种方法是否存在一些危险，因为大型框架从不使用它。

我要支持IE8+。

Answer 1

除了 z 顺序之外，Teemu 提出的一个非常有效的观点，JS 框架中的另一个主要考虑因素是执行速度/查找速度。

JS 术语中的 DOM 是一个大对象。 javascript 需要越深入对象才能获得所要求的内容，脚本的性能就越差，take a look at this answer .

因此，将可能要克隆或深度复制的所有内容保持在合理的嵌套级别和正确的 z 顺序中是有意义的。它恰好位于主体的末尾，通常最多被一个包含元素包裹。

可能还有其他原因，但我想到了深度/嵌套作为考虑因素。