Question

我正在寻找一种方法来滚动位于不滚动的面板下方的面板。这是我想要做的事情的小提琴：

基本上，“保持领先”需要保持领先，但所有“滚动”元素都需要根据需要滚动。我希望通过将滚动元素嵌套在div（命名为nest）中，并相对定位该嵌套，然后我可以绝对定位滚动div，但是当我这样做时，它似乎占用了没有空间并且消失了。

我最接近工作的是：

但你会看到我必须通过设置：

作弊

#scroll {
  top: 20px;
}

但是我想避免这种情况，因为我不知道“保持最佳状态”有多大。

我可以做的任何事情（除了将“保持在最前面”设置为固定之外）？

Answer 1

这是一个固定的div，它位于页面顶部：

HTML：

<div id="stay_on_top">STAY ON TOP</div>
<p>SCROLL</p>

CSS：

#stay_on_top {
    position: fixed;
    top: 0;
    margin: 0;
    padding: 7px;
    width: 100%;
    background-color: gray;
}