在数据间谍“词缀”中启用滚动答案

【问题标题】：Enable scrolling inside a data-spy "affix"在数据间谍“词缀”中启用滚动
【发布时间】：2017-11-27 17:22:19
【问题描述】：

我有一个附加的 data-spy 侧面菜单 div，其中包含太多元素，无法放入我的浏览器窗口。侧面菜单包含锚定到同一页面中其他区域的链接。

目前，将 div 贴在页面上就好了，但是由于元素太多，我只能导航到菜单中大约一半的链接。这很糟糕，因为无论我在页面的哪个位置，我都希望能够轻松地从一个项目转到另一个项目 - 页面很长。

如果我添加style="overflow:scroll;"，则附加的div中会出现一个滚动条，但滚动条是灰色的，实际上不会滚动。

如何使附加的 div 可滚动？

【问题讨论】：

【解决方案1】：

将 height 属性添加到您的 div。

【讨论】：

【解决方案2】：

这对我有用（以及我从 Bootstrap 的文档页面复制的内容......）

height: max-height: calc(100vh - 4rem);
overflow-y: auto;

现在滚动条仅在需要时出现（视口高度不足以容纳内容）。乍一看似乎很好用...

【讨论】：