当前位置：移动技术网 > IT编程>开发语言>Jquery > 移动端，input输入框被手机输入法解决方案

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

2018年04月13日 | 移动技术网IT编程 | 我要评论

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

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

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

基于jquery写的事件。

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

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

单位是毫秒。

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

Layui upload动态传参，后台接收不到，解决方法

这里参数动态($(#).val())拿去不到，除非写死，必须要用before从新赋值layui.config({... [阅读全文]
VScode中的react自动补全标签代码及黄色or红色警告

解决在vscode中react标签代码不提示的问题：1、作为一个刚开始的react小白，一定有vscode中标签... [阅读全文]
荐 jquery层次选择器

jquery层次选择器按照我个人的习惯，还是先放上总的内容，然后再开始一个一个攻克。常用的几种(概述)：1.派生... [阅读全文]
关于React处理input的方法和多个input共用一个方法（不用jQuery）

关于React处理input的方法和多个input共用一个方法（不用jQuery）前言：笔者目前是一家公司的前... [阅读全文]
Jquery绑定事件及动画效果

绑定事件bind（type，data，fuc）one(type,data,fuc) //只执行一次常见事件类型名... [阅读全文]
荐 jQuery文档阅读笔记自整理——1.6w字笔记

文章目录一、jQuery 基本用法1. 入口函数的写法2. jQuery 的冲突问题3. 核心函数4. 对象5.... [阅读全文]
荐 jQuery框架（四）：动画效果

文章目录1、显示、隐藏动画（1）显示（2）隐藏（3）实现点击按钮显示、隐藏盒子（4）开关式显示隐藏动画2、滑入、... [阅读全文]
jQuery操作DOM对象的方法

# jQuery操作DOM 和增删改查 - 1.html() ```js $('ul li&... [阅读全文]
jQuery的clone()方法和data()方法

# jQuery中的clone()和data()方法 - clone() ```js $('.demo').clon... [阅读全文]
jq使用jsonp实现百度搜索

项目实现：还原百度搜索功能；项目原理：利用json回调页面传参; 什么是jsonp：就是利用<script>标签的src地址，让目标页面回... [阅读全文]

网友评论


验证码：

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

2018年04月13日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论