Angular UI Bootstrap中的几个指令都有一个append-to-body选项。我什么时候需要使用它，它的优点和缺点是什么？
问问题
9200 次
2 回答
4
这是一个非常有用的选择。
该选项会更改通常动态添加到 HTML 中的任何工具提示等元素的父级。防止某些边缘冲突或混合 CSS 规则。
例如，当您的工具提示被父边缘剪切时，您将需要使用该选项（父级有溢出：隐藏）。使用附加到正文选项时，工具提示将附加到正文而不是溢出：隐藏的父级，并且不会被剪切。
快速解决此类经常发生的问题。
于 2015-08-25T11:30:29.653 回答
3
我发现这些选项很有用，因为否则标记将作为触发元素的同级或子级插入，这可能并不理想。
可能的原因：
- 他们会继承不应该适用于他们的样式
- 如果插入那里，将被插入的标记将是无效的（例如 a
<div>作为 a 的子级<tr>）。 - 它们需要绝对定位，并且通过使它们成为 body 的子级，这使它们能够正确定位在页面上，但仍随页面滚动（与
position: fixed不随页面滚动的 相对）。
可能还有其他原因，但我怀疑最后一个是最常见的。
于 2014-11-18T23:33:15.683 回答