How to create a scrollable mini list?
-
Has anyone already tried to build a scrollable list inside a quasar-layout?
-
cool, found it.
Quasar has a nice helper class “scroll”
http://quasar-framework.org/api/css-other-helper-classes.html<div style="height:150px" class="list scroll"> <item v-for="item in ItemList">...</item> </div>
-
Aah, I like you are careful at details! The “scroll” CSS class only applies some CSS tweaks to make scrolling smooth on ALL platforms. But it doesn’t make the container scrollable. You have to add some additional CSS like
overflow-y: auto
besides setting thatheight
and it will work.EDIT: I’m talking wrong.
scroll
also addsoverflow
CSS to your container. So it should work as is!