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

标签 jquery css twitter-bootstrap twitter-bootstrap-3 affix

我有一个网站,我正在使用 css bootstrap affix menu .

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

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

.scrollspy-y-修复{ 高度:100vh!重要; 溢出-y:自动!重要;

它似乎在所有浏览器中都运行良好,但我使用 MacBook Pro 时除外。在使用 Safari 或 Google Chrome 的 MacBook 上,我没有看到滚动条。菜单只显示一半,我无法向下滚动以查看菜单底部的元素。

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

我该如何解决这个问题?

这是我的 MacBook Pro 的屏幕截图。如您所见,没有滚动条。

此外,在常规屏幕 PC 上,当我向下滚动页面时,菜单上的选定元素不会改变。知道为什么吗?

enter image description here

最佳答案

尝试添加“溢出:滚动;”到 css。

关于jquery - Css Bootstrap 词缀菜单在我的 MacBook Pro 上不显示自动滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41559700/

相关文章:

css - 如何选择带有类的 div 标签中的所有 div 标签?

javascript - 如何使 bootstrap Collapse 部分也提交表单?

html - 放大 Bootstrap 移动设备

javascript - 如何像 ajax 一样在 jQuery.load 中传递 header ?

jquery - 在 jQuery 集合上运行 reduce()

html - Bootstrap 3 导航栏无法在 Microsoft Edge 中正确呈现

html - 设置不透明度的背景在 Chrome 和 Opera 中是实心的而不是透明的

javascript - PHP Symfony2 的动态内容 Bootstrap 模式对话框

javascript - 在新选项卡中打开时网址显示不同的 php 文件

javascript - 如何使函数影响类中的所有内容,同时也考虑数据属性