1

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

例如:如果我制作了一个动态列表,如果我将 3 放入component列表中它们是可见的,但我放入 10component然后我可以看到 4-5,没有办法向下滚动。现在我发现如果我定义了列表的max-heightin css (包含列表元素的内容),那么会出现一个滚动,但在元素上,而不是在页面上。md-layoutcomponentcomponentmd-layout

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

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

感谢您提前回复!

4

1 回答 1

3

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

于 2017-10-13T01:46:32.537 回答