我注意到,如果移动设备的屏幕尺寸不够大,它将隐藏SideNav的其余部分,但无法向下滚动。
要复制问题,请转到我的personal website,使用检查工具复制移动设备,降低高度,直到SideNav的某些部分不可见,然后尝试滚动。
注意:我的网站已安装CoinHive。
我参考了Materialise SideNav的官方文档,在我看来,我很好地复制了它们的“固定HTML结构”代码。我将页面通过HTML验证器放置,似乎没有任何问题。我能想到的唯一问题是我弄乱了某个地方的编码。
网站的源代码可用here
为何Materialize不允许SideNav滚动,是否有特定原因?还是一个错误?
问题的目的:我想制作一个可滚动的SideNav。
感谢您的阅读。
最佳答案
给元素overflow-y: auto
后,它就会对其内容做出反应。因此,仅当div的当前客户端高度包含所有内容时,div的高度或屏幕的高度是什么并不重要。仅当浏览器底部触及内容的底部边框时,您才会获得滚动。
现在寻求解决方案
我会将<ul>
放在获取<div>
的overflow-y: auto
内。给该<ul>
您要开始滚动的最小高度。