前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >移动端,input输入框被手机输入法解决方案

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

作者头像
Happy、Liu
发布于 2019-04-24 08:24:15
发布于 2019-04-24 08:24:15
1.3K00
代码可运行
举报
文章被收录于专栏:技术由浅入深技术由浅入深
运行总次数:0
代码可运行

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

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  $('#money').click(function(){
      setTimeout(function(){  
          $(this).scrollIntoView(); // 参数可以是true, false, 空参数  
      }, 300);
  })

基于jquery写的事件。

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

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

单位是毫秒。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-04-12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档