Independent Scrolling

Hi, how can I make a part of a page to scroll independent of the rest of the page?
For example I want all to be static, except the blue part.

Also I want to make the blue part an independent component to be reused in another page, but in the ionic documentation it says: “There should only be one ion-content in a single view.” If I remove the ion-content from the main page the blue part does not display.