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

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

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

我参考了Materialise SideNav的官方文档,在我看来,我很好地复制了它们的“固定HTML结构”代码。我将页面通过HTML验证器放置,似乎没有任何问题。我能想到的唯一问题是我弄乱了某个地方的编码。

网站的源代码可用here

为何Materialize不允许SideNav滚动,是否有特定原因?还是一个错误?

问题的目的:我想制作一个可滚动的SideNav。

感谢您的阅读。

最佳答案

给元素overflow-y: auto后,它就会对其内容做出反应。因此,仅当div的当前客户端高度包含所有内容时,div的高度或屏幕的高度是什么并不重要。仅当浏览器底部触及内容的底部边框时,您才会获得滚动。

现在寻求解决方案

我会将<ul>放在获取<div>overflow-y: auto内。给该<ul>您要开始滚动的最小高度。

07-24 17:38
查看更多