css position:sticky 如何对父级的父级吸顶

如果要让一个元素在它的父级的父级元素上吸顶,需要将该元素的 position 设置为 sticky,同时在它的父级元素上设置 overflow:scrolloverflow:auto。还需要给父级元素设置一个高度,来限制父级元素的高度。

.sticky-element {
  position: sticky;
  top: 0;
}

.parent {
  overflow: scroll;
  height: 200px;
}

.grandparent {
  overflow: auto;
}

你可能感兴趣的:(css,前端,css3,html,javascript)