Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 位置:固定和#x27;无法在cdk虚拟滚动视口中工作_Css_Angular_Angular Cdk_Angular Cdk Virtual Scroll - Fatal编程技术网

Css 位置:固定和#x27;无法在cdk虚拟滚动视口中工作

Css 位置:固定和#x27;无法在cdk虚拟滚动视口中工作,css,angular,angular-cdk,angular-cdk-virtual-scroll,Css,Angular,Angular Cdk,Angular Cdk Virtual Scroll,带有位置的HTML元素:已修复在cdk虚拟滚动视口中不起作用。 下面的样式应该将元素放在页面左上角,但此类不适用于cdk虚拟滚动视口中的元素 .fixed div{位置:fixed;顶部:0;左侧:0;} 出于某种原因,上述类对cdk虚拟滚动视口中的元素进行分类将使这些元素保持在cdk虚拟滚动视口的左上角 复制链接 如何强制具有位置的元素:固定在cdk虚拟滚动视口中以显示相对视口?这是因为div.cdk-virtual-scroll-content-wrapper元素上的css转换属性。tran

带有位置的HTML元素:已修复cdk虚拟滚动视口中不起作用。 下面的样式应该将元素放在页面左上角,但此类不适用于cdk虚拟滚动视口中的元素

.fixed div{位置:fixed;顶部:0;左侧:0;}

出于某种原因,上述类对cdk虚拟滚动视口中的元素进行分类将使这些元素保持在cdk虚拟滚动视口的左上角

复制链接


如何强制具有位置的元素:固定在cdk虚拟滚动视口中以显示相对视口?

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

详情请参见此处

我还在想办法解决这个问题