Metro UI Css-带有可见侧菜单的导航栏定位



我正在测试Metro UI CSS框架以制作应用程序模型,但导航栏的定位有问题。

  • 文档:https://metroui.org.ua/intro.html
  • 示例:https://jsfiddle.net/prkc0mfL/line 23 onwards

在所附示例中,当在小屏幕上按下菜单按钮时,应用程序层移动到右侧(导航栏和内容(,并在左侧显示菜单所在的层。问题是,对于长页面,滚动时导航栏会随页面一起向上移动。

我需要像目前一样保留应用程序层的侧滚动,但滚动时要固定导航栏。

我已经浏览了框架的文档,但找不到完成这项工作所需的类组合。有人能帮我吗?我几乎尝试过每一种组合的位置,但我做不到

我希望你能告诉我我的错误在哪里。

问候。

解决方案比我想象的要简单,添加style="overflow-y: auto"就足够了,这样就解决了。

https://jsfiddle.net/fs6qkt9b/line 33

最新更新