0

带有position:fixed的 HTML 元素在cdk-virtual-scroll-viewport中不起作用。下面的样式应该将元素放在页面的左上角，但是此类不适用于 cdk-virtual-scroll-viewport 内的元素。

.fixed-div {位置：固定；顶部：0；左侧：0；}

出于某种原因，cdk-virtual-scroll-viewport 内的元素的上述类将保持元素在 cdk-virtual-scroll-viewport 的左上角。

复制链接https://stackblitz.com/edit/angular-mvf6dp

如何强制位置：固定在 cdk-virtual-scroll-viewport 中的元素显示相对于视口的位置？

4

1 回答 1

0

这是因为div.cdk-virtual-scroll-content-wrapper元素上的 css 转换属性。transform 属性使得位置固定的子级将父级视为包含块，而不是页面的主体。

有关详细信息，请参见此处 https://developer.mozilla.org/en-US/docs/Web/CSS/position

仍在试图弄清楚如何自己处理这个问题。

于 2021-05-05T08:46:57.000 回答