No More Posting New Topics!

Hi,

Question: does the top part changes?

Some assumption first: you only want the item list to be scrollable and the rest of the UI to always be visible on screen.
If “no” then add it as part of the layout header (div slot="header").
If “yes” then it requires some thinking. You still need to add it to the header, but you also need to either use Vuex or a simple store of your own to sync what the layout should show based on the page the user is on.

This is just the high level design based on Vue’s own capabilities. Tell me if you need further information.

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!