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.
How to scroll an Onsen Page with some fixed content
-
Using Onsen CSS I need to keep a fixed div on a Onsen Page in a fixed position while scrolling other page content below.
How can this be accomplished similar to this Ionic example? https://codepen.io/KevinWang15/pen/QNJEXX
Ref: https://stackoverflow.com/questions/36967780/how-to-scroll-with-ionic-and-have-fixed-content-above
Note:
-
This sounds like something you could use ons-toolbar for. There’s a good example of it staying fixed in place on the homepage demo https://onsen.io/.
Either use ons-toolbar or have a look at the CSS to see how it works https://github.com/OnsenUI/OnsenUI/blob/master/css-components/src/components/toolbar.css.
Hope that helps. Let us know if you get stuck.