HTML – 固定位置边栏与单独的滚动条?

我有一个简单的CSS设置,但我不知道如何解决我的问题.

我左边有一个固定的侧边栏,右边有一个内容窗格.

左侧是右侧的目录,因此用户可以轻松跳转到右侧报告中的各个位置.

我希望侧栏保持固定,因为报告很长(因此TOC),如果它与主要内容滚动,那么它相当无价值,因为它们总是必须滚动到顶部才能访问它.

我遇到的问题是,在许多情况下TOC太长并且越过侧边栏底部,所以我需要让我的侧边栏从我的主要内容中有一个独立的滚动条.我知道这可能是框架,但你如何用CSS做呢?

代码如下

最佳答案
找到它,需要使用

overflow-y:scroll

左导航div上的样式修饰符.

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些