使用CSS变换缩放位置：固定

Question

我遇到了一个奇怪的问题，我想知道它是否是渲染引擎中的一个错误 - 它出现在WebKit以及我测试过的Firefox中。

如果您在页面上修复了div并在其中添加了另一个div并将其设置为固定（以获得固定弹出窗口内的固定标头） ，即使用户滚动弹出窗口，您也可以确保标题仍然可见。除非您在弹出式窗口中设置transform scale - 这样做会导致position:fixed中断并导致它不再修复到父div的顶部，而是会滚动与内容。这是预期的行为 - 我该如何解决这个问题？

JSFiddle

Answer 1

transform: scale(x)会将元素从坐标流中分离出来，从而无法获得固定的位置。

我建议将带有#header的约束div中的overflow: auto下面的文字换行。一个fixed祖先的fixed孩子并没有多大意义，但我可以看到你的目标。