How to implement a fixed area (no scroll)

Hello guys, I’m just getting my feet wet playing around with fw7/vuejs. My question is about page layout. My page has the following layout

  1. page
    1.1 navbar
    1.2 div containing a set of list items

Now I need a sticky/fixed area between the navbar and the list-div. I.e when scrolling the list, this area should not scroll.

I have tested using a “fixed” slot, but can’t get it to work.

Thanks for any tip

Maybe you should wrap your div with page-content class.

Page - Page Layout

Yes, yes yes - you’re quite right. I got lost in all beautiful possibilities.

I can’t thank you enough. I owe you one :slight_smile: