VueJS: How to scroll v-list-title VueJS: How to scroll v-list-title vue.js vue.js

VueJS: How to scroll v-list-title


Try to add following CSS to make v-list-titles scrollable.

.v-list {  height: 300px;  overflow-y: auto;}

We need to specify a fixed height for our DOM object, and once we set the overflow-y attribute as auto. A scroll bar will show up once content has bigger length than parent.

Here is the modified version, have a try.


Just add the fixed prop to v-toolbar, as so:

<v-toolbar color="light-blue" light extended fixed>

See here for updated pen