我注意到如果移动设备的屏幕尺寸不够大,它会隐藏 SideNav 的其余部分,但无法向下滚动。
要重现问题,请转至我的 personal website ,使用检查工具复制移动设备,降低高度直到 SideNav 的某些部分不可见,然后尝试滚动。
注意:我的网站安装了 CoinHive。
我引用了官方的 Materialise SideNav 文档,在我看来,我在复制他们的 Fixed HTML Structure 代码方面做得很好。我将页面通过 HTML 验证器,似乎没有任何问题。我能想到的唯一问题是我在某处搞砸了编码。
网站源码可用here
Materialize 不允许 SideNav 可滚动是否有特殊原因?还是错误?
问题的目的:我想做一个可滚动的侧边导航。
感谢阅读。
最佳答案
一旦你给了一个元素 overflow-y: auto
,它正在对其内容使用react。因此,div 的高度或屏幕的高度是多少并不重要,只要div 的当前客户端高度包含所有内容即可。只有当浏览器底部触及内容的底部边框时,您才会看到滚动条。
解决方案
我会把 <ul>
在 <div>
里面得到 overflow-y: auto
.给那个<ul>
您想要开始滚动的最小高度。
关于javascript - 即使有更多内容,Materialise SideNav Mobile 也不允许滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48098869/