移动端,input输入框被手机输入法解决方案

当界面元素靠下时候的时候,input输入框会被系统的键盘遮挡。

我们可以让界面向上移动一定距离去避免遮挡。

  $('#money').click(function(){
      setTimeout(function(){  
          $(this).scrollIntoView(); // 参数可以是true, false, 空参数  
      }, 300);
  })

基于jquery写的事件。

首先绑定触发元素(input)框,scrollIntoView(alignWithTop)  属性滚动浏览器窗口或容器元素,以便在当前视窗的可见范围看见当前元素。

click事件触发的时候,输入框会向上移动,移动的范围是界面可见的程度。后面参数是延时操作的时间。

单位是毫秒。

原文地址:https://www.cnblogs.com/liuhappy/p/8809149.html