How can I keep an element on the bottom of the page when keyboard is opened on iOS and android?
<p>I have a button in a webpage that I want at the bottom of the page. I want this button at the bottom of page no matter where scroll is. The problem is the standard css of <code>bottom: 0px;position:fixed;</code> does not work when the keyboard is up. </p>

<p>Right now we are using <a href="http://ionicframework.com/docs/api/directive/ionFooterBar/" rel="nofollow">ion-footer-bar</a> but that only keeps the button on top of the keyboard on android. When the keyboard gets pulled up for ios it does not get moved up. Anyone have any workarounds for this?</p>