带有Vue材料的Vue.js；滚动

Question

我目前正在做一个项目，我使用vue.js 和vue material 和vue-router（每个项目的最新版本）。我不知道为什么，但是如果主内容高于屏幕高度，我不能向下滚动，浏览器中没有滚动，只是元素超出了屏幕。

例如：如果我创建了一个动态列表，如果我将 3 component 放入列表中它们是可见的，但我放入 10 component 然后我可以看到 4-5，没有办法向下滚动。现在我弄清楚如果我在列表component 的md-layout 的css 中定义max-height（包含列表元素component）然后，会出现一个滚动，但是在md-layout 元素上，并且不在页面上。

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

为什么 vue.js 和/或 vue 材料会这样工作？

感谢您提前回复！

Answer 1

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