保持溢出：will-change之后的隐藏行为：transform

问题描述

我有一个父元素和一个子元素：

I have a parent and a child elements:

.parent {
  will-change: transform;
  overflow: hidden;
  position: absolute;
}

.child {
  position: fixed;
  top: 80px;
  left: 80px;
}

而没有 will-change：transform 样式， .child 元素（无论父级位置如何）和 overflow：hidden 都将基于窗口定位。 br>
现在 .parent 具有这种样式，不仅 top 和 .child 的>左从 .parent 计算，但也从 overflow：hidden 也适用于 .child 。

似乎 position：fixed 如果添加 will-change：transform

，请完全忽略： ：

所以基本上面对转换问题而不是意志改变问题，因为：

So basically you are facing the issue with transform and not the will-change because:

因此，transform为固定位置元素创建了一个包含块，并且会更改应该执行相同的操作，因为 .parent 现在是固定元素的包含块，它也将对其应用溢出。

So transform is creating a containing block for fixed position element and will-change should do the same and since the .parent is now the containing block of the fixed element it will also apply its overflow on it.

基本上，如果无法删除<$，您将无能为力c $ c>将更改属性或将其值从 .parent

Basically you can do nothing if you cannot remove the will-change property or change its value from .parent

这篇关于保持溢出：will-change之后的隐藏行为：transform的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！