Css 如何保持滚动条在固定位置div内的视图中，顶部像素向下推动滚动条？

我正在使用一个固定位置的div，并使元素可以从里面滚动

我能够让滚动条显示出来，我的问题是我有一个固定的标题，我的固定边栏必须在我的视图中向下推

这允许用户不断滚动浏览窗口，这样您就看不到滚动条了

是否有任何方法可以使滚动条保持可见？
这样，当滚动条点击并停在视图底部时，您也可以看到最后一项

.red-box {
    position: fixed;
    width: 100%;
    height: 40px;
    color: white;
    background: red;
}

.sidebar {
    position: fixed;
    top: 60px;
    overflow-y: auto;
    margin-left: 20px;
    width: 180px;
    height: 100%;
}

---

我将高度改为90%，看起来效果不错：

.not-stuck {
    position: fixed;
    top: 60px;
    overflow-y: auto;
    margin-left: 200px;
    width: 180px;
    height: 90%;
}

---

如果我正确理解了这个问题-您希望固定元素填充除收割台高度之外的屏幕。。。然后你可以试试：

.not-stuck {
    height: calc(100% - 60px);
}

---

看看链接到的页面上的其他解决方案，我个人的第二选择是使用JavaScript（但问题当然没有这个标签）。

Thx，我明白了。。。但是，它并不总是有效，例如，如果我将浏览器窗口的大小调整得更小一些，我想这是一个小问题，但是高度：75%似乎确实起到了作用。当然，我不确定这是否符合你的目的。百分比高度可能适用于许多屏幕，但要小心；有时，在非常高的屏幕上，滚动条可能会在区域底部略上方停止。在纵向监视器上测试时，我遇到了固定值%问题。。。当我调整窗口大小时，滚动条上的“向下”按钮在小窗口上消失，而在大窗口上则留有空白。“计算”选项效果更好。@Shikkediel您想发布答案吗？成功了：）…当然，我会在那时候推广评论的！很高兴这样做了。