javascript - 即使有更多内容，Materialise SideNav Mobile 也不允许滚动

Question

我注意到如果移动设备的屏幕尺寸不够大，它会隐藏 SideNav 的其余部分，但无法向下滚动。

要重现问题，请转至我的 personal website ，使用检查工具复制移动设备，降低高度直到 SideNav 的某些部分不可见，然后尝试滚动。

注意:我的网站安装了 CoinHive。

我引用了官方的 Materialise SideNav 文档，在我看来，我在复制他们的 Fixed HTML Structure 代码方面做得很好。我将页面通过 HTML 验证器，似乎没有任何问题。我能想到的唯一问题是我在某处搞砸了编码。

网站源码可用here

Materialize 不允许 SideNav 可滚动是否有特殊原因？还是错误？

问题的目的:我想做一个可滚动的侧边导航。

感谢阅读。

Answer 1

一旦你给了一个元素 overflow-y: auto ，它正在对其内容使用react。因此，div 的高度或屏幕的高度是多少并不重要，只要div 的当前客户端高度包含所有内容即可。只有当浏览器底部触及内容的底部边框时，您才会看到滚动条。

解决方案

我会把 <ul>在 <div> 里面得到 overflow-y: auto .给那个<ul>您想要开始滚动的最小高度。