相关疑难解决方法(0)

为什么带有position:sticky的元素不会停留在父对象的底部?

我试图了解CSS的“粘性”功能。我可以让它坚持其父级的“顶部”,而不是其“底部”

我的测试代码是:

.block {
  background: pink;
  width: 50%;
  height: 200px;
}

.move {
  position: sticky;
  bottom: 0;
}
Run Code Online (Sandbox Code Playgroud)
1111<br/>11111<br/>11111<br/>11111<br/>11111<br/>11111<br/>11111<br/>
<div class="block">
  AAAA
  <div class="move">
    BBBB
  </div>
</div>
222222<br/>222222<br/>222222<br/>222222<br/>222222<br/>222222<br/>
Run Code Online (Sandbox Code Playgroud)

当我将“ move”设置为“ top:0”时,它停留在粉红色块的顶部,但是当我将其设置为“ bottom:0”时,它似乎不再固定/发粘。

css css-position sticky css3

3
推荐指数
2
解决办法
623
查看次数

标签 统计

css ×1

css-position ×1

css3 ×1

sticky ×1