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>
    

  • Admin

    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 that height and it will work.

    EDIT: I’m talking wrong. scroll also adds overflow CSS to your container. So it should work as is!


Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.