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


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

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

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

基于jquery写的事件。

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

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

单位是毫秒。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM