Javascript Android键盘覆盖web表单上的元素

我有一个简单的HTML表单，其中输入元素（文本框）位于页面的中心。问题是在移动设备（特别是Android）上，当键盘出现时，它涵盖了其中一些元素。即使我在填写表单时点击next，页面也不会滚动显示隐藏的元素。有什么建议吗？我可以添加一些JavaScript或CSS吗？

尝试使用onfocus JavaScript事件。如果您使用JQuery，您可以使用这个示例，如果设备是触摸屏设备，它会在每个输入焦点事件中将输入滚动到视口的最顶端

function isTouchDevice() {  
  try {  
    document.createEvent("TouchEvent");  
    return true;  
  } catch (e) {  
    return false;  
  }  
}

$("input").focus(function(){
    if( isTouchDevice() ){
        $('html, body').animate({
            scrollTop: $(this).offset().top
        }, 1000);
    }
})