在手機屏幕上彈出小鍵盤時更改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', ''); 
    }); 
});