Set scrollable image at top of page

I want to add an image to the top of the page. Requirements are:

  • Image will scroll with ion-content when keyboard is visible (could not do that with ion-header)
  • Image will stretch 100% width (could not figure out how to do this inside the ion-content

Can anyone guide me as to what is the proper way to do this?

This will give you some good ideas. Be warned: it looks really cool, but as far as I know, it isn’t performant across all platforms. So it’s fun code, not real world code, unless things have changed recently.

Thanks a lot. The CSS part did it for me but the concept there is very nice!
I did’n notice it before but I was using the padding directive on the . Which prevented the image from covering 100% width :frowning: