How to scroll an Onsen Page with some fixed content

[jamal]

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:

[emccorson]

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.