我目前正在做一个项目,我希望表格的某些列是粘性的,所以当你水平滚动时,它们总是可见的,然而,一个请求已经为表格标题也是粘性的,当你垂直滚动过去它们。
我已经设法在这张桌子上创建了水平粘滞效果。 我已经设法在所有其他表格标题上创建了垂直粘滞效果,但是我似乎无法使我的表格标题在水平和垂直两个方向上都粘滞。 我进行了一些搜索,但没有找到任何东西(可能是因为水平粘贴东西不是很常见)。
如果同时设置顶部
和左侧
:
null
body {
width: 1000vw;
height: 1000vh;
}
.test {
width: 100px;
height: 100px;
top: 0;
left: 0;
background-size: cover;
background-position: center;
background-color: rgba(0, 0, 0, 1.00);
background-image: url("https://i.postimg.cc/Jz7MbMJ3/cat-1361649-639x426.jpg");
border-radius: 50%;
position: sticky;
}
<div class="test"></div>