如果要让一个元素在它的父级的父级元素上吸顶,需要将该元素的 position
设置为 sticky
,同时在它的父级元素上设置 overflow:scroll
或 overflow:auto
。还需要给父级元素设置一个高度,来限制父级元素的高度。
.sticky-element {
position: sticky;
top: 0;
}
.parent {
overflow: scroll;
height: 200px;
}
.grandparent {
overflow: auto;
}