在手机屏幕上弹出键盘时更改css

Question

我正在为我的Android应用程序制作登录页面，最初登录和密码字段位于屏幕中央。当我点击屏幕时，键盘会弹出并隐藏我不想要的部分字段。键盘弹出时如何更改登录块的位置？ JavaScript / jQuery解决方案很好。

Answer 1

据我所知，没有办法附加与显示键盘有关的事件。

因此，我建议最好的方法是调用焦点上的函数。 在不知道页面结构的情况下，我不能给你任何特定的代码，但这里有一个例子：

$(document).ready(function(){
   $('#login').focus(function(){
      //reduce the top margin when the text box is focussed.
      $(this).css('margin-top', '-100px');
   })
   .blur(function(){
      //revert the change.
      $(this).css('margin-top', '');
   });
});