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 中隐藏了溢出。如果你这样做了,你需要改变它。
我目前正在做一个项目,我在其中使用 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 中隐藏了溢出。如果你这样做了,你需要改变它。