提问者:小点点

是否可以使用位置粘滞同时在垂直和垂直方向粘滞一个元素?


我目前正在做一个项目,我希望表格的某些列是粘性的,所以当你水平滚动时,它们总是可见的,然而,一个请求已经为表格标题也是粘性的,当你垂直滚动过去它们。

我已经设法在这张桌子上创建了水平粘滞效果。 我已经设法在所有其他表格标题上创建了垂直粘滞效果,但是我似乎无法使我的表格标题在水平和垂直两个方向上都粘滞。 我进行了一些搜索,但没有找到任何东西(可能是因为水平粘贴东西不是很常见)。


共1个答案

匿名用户

如果同时设置顶部左侧:

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>