我目前正在做一个项目,我使用vue.js和vue material和vue-router(每个的最新版本)。我不知道为什么,但是如果主内容高于屏幕高度,我不能向下滚动,浏览器中没有滚动,只是元素超出了屏幕。
例如:如果我制作了一个动态列表,如果我将 3 放入component
列表中它们是可见的,但我放入 10component
然后我可以看到 4-5,没有办法向下滚动。现在我发现如果我定义了列表的max-height
in css (包含列表元素的内容),那么会出现一个滚动,但在元素上,而不是在页面上。md-layout
component
component
md-layout
<main class="main-content">
<router-view></router-view>
</main>
为什么 vue.js 和/或 vue 材料会这样工作?
感谢您提前回复!