资讯专栏INFORMATION COLUMN

解决微信浏览器的iOS的兼容问题[软键盘弹出][input框光标]

lookSomeone / 2673人阅读

摘要:对于第一个问题软键盘弹出时,页面会上滑,导致点击位置和页面位置不一致在获取焦点时获取的值并赋值给一个变量,在失去焦点时设置的值设置为负的该值如果存在两个或两个以上的框,可以设置一个当前存在聚焦框的数量的值,获取焦点,失去焦点,只有为的时候

对于第一个问题:软键盘弹出时,页面会上滑,导致点击位置和页面位置不一致

在input获取焦点时获取document.body.scrollHeight的值并赋值给一个变量,在input失去焦点时设置document.body.scrollTop的值设置为负的该值
如果存在两个或两个以上的input框,可以设置一个当前存在聚焦input框的数量的值,获取焦点+1,失去焦点-1,只有为0的时候才设置scrollTop

对于第二个问题:input的光标偏上或者过宽

把input的line-height和font-size保持一致
顺便说一下ios还有一个输入框会有一个灰色的上边框,是默认的阴影,给input设置box-shadow就可以了。
box-shadow:0 0 0 rgba(0,0,0,0)!important;

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116394.html

相关文章

  • 解决微信览器iOS兼容问题[键盘弹出][input光标]

    摘要:对于第一个问题软键盘弹出时,页面会上滑,导致点击位置和页面位置不一致在获取焦点时获取的值并赋值给一个变量,在失去焦点时设置的值设置为负的该值如果存在两个或两个以上的框,可以设置一个当前存在聚焦框的数量的值,获取焦点,失去焦点,只有为的时候 showImg(https://segmentfault.com/img/bVbsiAo); 对于第一个问题:软键盘弹出时,页面会上滑,导致点击位置...

    VincentFF 评论0 收藏0
  • 解决微信览器iOS兼容问题[键盘弹出][input光标]

    摘要:对于第一个问题软键盘弹出时,页面会上滑,导致点击位置和页面位置不一致在获取焦点时获取的值并赋值给一个变量,在失去焦点时设置的值设置为负的该值如果存在两个或两个以上的框,可以设置一个当前存在聚焦框的数量的值,获取焦点,失去焦点,只有为的时候 showImg(https://segmentfault.com/img/bVbsiAo); 对于第一个问题:软键盘弹出时,页面会上滑,导致点击位置...

    marek 评论0 收藏0
  • ios输入坑(键盘弹出不灵敏、输入法影响弹出高度)

    摘要:参考地址首先,是这样的布局父容器里面放一个输入框和一个按钮思路是父容器定位,为,为布局在其他事件触发输入框出现的时候例如一个评论的,父容器值变为,被软键盘顶上来。 参考地址: https://segmentfault.com/a/11...https://blog.csdn.net/github_... 1.首先,是这样的布局:父容器里面放一个输入框 和一个按钮 思路是:父容器fi...

    vvpvvp 评论0 收藏0
  • 如何用 js 获取虚拟键盘高度?(适用所有平台)

    摘要:前言这是一个存在很久的历史问题了,对于这样一个具有普遍性的问题浏览器偏偏没有给出解决方案,没有方案还聊个什么别急,别急,接下来我们一起来扒一扒关于软键盘高度和的问题我们先来看一个短片认识一下这个问题问题描述当操作者进行输入操作的时候,弹起的 前言 这是一个存在很久的历史问题了,对于这样一个具有普遍性的问题浏览器偏偏没有给出解决方案,what?没有方案还聊个什么? 别急,别急,接下来我们...

    terro 评论0 收藏0
  • 如何用 js 获取虚拟键盘高度?(适用所有平台)

    摘要:前言这是一个存在很久的历史问题了,对于这样一个具有普遍性的问题浏览器偏偏没有给出解决方案,没有方案还聊个什么别急,别急,接下来我们一起来扒一扒关于软键盘高度和的问题我们先来看一个短片认识一下这个问题问题描述当操作者进行输入操作的时候,弹起的 前言 这是一个存在很久的历史问题了,对于这样一个具有普遍性的问题浏览器偏偏没有给出解决方案,what?没有方案还聊个什么? 别急,别急,接下来我们...

    Forest10 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<