Css Bootstrap词缀菜单未在我的MacBook Pro上显示自动滚动条

Question

我有一个网站，我使用的是css bootstrap affix menu。

由于菜单的长度，我需要在屏幕不够长时添加自动垂直滚动条。

我在容器scrollspy-y-fix元素上添加了一个名为ul的类，并在容器<nav class="col-sm-3">中添加了一个类，以强制在屏幕小于菜单时显示滚动条。

.scrollspy-y-fix {     身高：100vh！important;     overflow-y：auto！important; }

除了我使用MacBook Pro之外，它似乎在所有浏览器中都运行良好。在使用Safari或谷歌浏览器的MacBook上，我没有滚动条。菜单有一半可见，我无法向下滚动以查看菜单底部的项目。

以下是评估网站https://crestapps.com/laravel-code-generator/docs/1.0

如何解决此问题？

以下是我MacBook Pro的截图。如您所见，没有滚动条。

此外，在常规屏幕PC上，当我向下滚动页面时，菜单上的所选项目不会改变。知道为什么吗？

Answer 1

尝试添加“overflow：scroll;”到了css。