Geek asks and answers

Safe positioning of Mobile Safari iOS 6.0 when showing the keyboard

If you have a fixed div position set at the bottom of the screen, that div will not stay at the bottom while the virtual keyboard is displayed. It will move up as the page height increases. This issue does not occur in iOS 5, as the div continues to remain below, as you would expect. Any help?

+5
source share
1 answer

Could you just hide the fixed div while the keyboard is active?

$("#text_field").focus(function(){
  $("#fixed_div").hide();
});


$("#text_field").blur(function(){
  $("#fixed_div").show();
});
0
source

More articles:


All Articles