Vue.js 与 vue material;滚动

Vue.js with vue material; scrolling

我目前正在做一个项目,我在其中使用 vue.js with vue material, and vue-router(每个版本的最新版本)。我不知道为什么,但如果主要内容高于屏幕高度,我就无法向下滚动,浏览器中没有滚动,只是元素超出了屏幕。

例如:如果我做了一个动态列表,如果我把 3 component 放到列表中它们是可见的,但是我放 10 component 那么我可以看到 4-5,没有向下滚动的方式。现在我想出了如果我在列表 md-layout 的 css 中定义 max-height 列表 component (包含列表元素 component 的内容)然后,滚动出现了,但是在 md-layout 元素上,而不是在页面上。

  <main class="main-content">
    <router-view></router-view>
  </main>

为什么 vue.js and/or vue material 是这样工作的?

提前感谢您的回复!

我最初复制了 Vue material 示例,它在 CSS 中隐藏了溢出。如果你这样做了,你需要改变它。