欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-02 18:07:32
当界面元素靠下时候的时候,input输入框会被系统的键盘遮挡。 我们可以让界面向上移动一定距离去避免遮挡。 基于jquery写的事件。 首先绑定触发元素(input)框,scrollIntoView(alignWithTop) 属性滚动浏览器窗口或容器元素,以便在当前视窗的可见范围看见当前元素。 c ......

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

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

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

基于jquery写的事件。

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

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

单位是毫秒。