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.