Monaca Onsen UI Discord Chat Github Repo

Ons-list inside a div (fixed, 60% height)



  • Hello, I was wondering if it’s possible to use an Ons-list inside a div that is taking up only a portion of the height of the screen.

    I did a quick test where I added a fixed positioned div with a height of 60%, and inside that div an ons-list. But it seems for some reason to ignore the height of the div completely (also when I put it to an absolute height in pixels) and occupies the entires page height.

    Is there any way to contain a scrolling list inside a div?


  • Onsen UI

    @michiel Yep, but the list is not scrollable by itself. Just apply overflow-y: auto; to the wrapper element (the one with the height) and it should work.