0
0

0
0
0

Header and footer change their position after keyboard open in Android Jquery mobile application

After i struggled a lot for my new Android Jquery mobile application, header issue here is the simple solution without any script, for Fixed header jumps around when android keyboard disappears.

Just add below code to your CSS

 
<div data-role="header" data-position="fixed"  data-tap-toggle="false"></div>

CSS

 
-webkit-backface-visibility: hidden;

It’s worked for me, enjoy :)