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

Question

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

我的测试代码是：

.block {

  background: pink;

  width: 50%;

  height: 200px;

}

.move {

  position: sticky;

  bottom: 0;

}

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/>

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