Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

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.