Footer slides up with keyboard, but scrolls up page

I’ve got an app that has a footer with select and send buttons in it. I’ve got keyboard attach working, but when i scroll the page, the footer moves with it (see attached screenshots. Is there a way to scroll the page behind it, but have the footer stat fixed to the keyboard?

I’ve tried all kinds of css positioning to no avail.

thanks