美文网首页
iosinput框导致按钮位置错位

iosinput框导致按钮位置错位

作者: 大脸猫_2e21 | 来源:发表于2019-04-28 15:32 被阅读0次

文章原有链接

前端h5混合开发手机端ios 当有input输入时,手机下方弹出键盘使页面上移,当输入完成,键盘消失后页面不能回弹导致下方有空白,按钮不能点击;

解决办法: 给input加blur事件 添加事件方法resetDiv,复制以下代码,ok

resetDiv(){//ios 兼容,input失去焦点后界面上移不恢复的问题
        setTimeout(() => {
          let scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
          window.scrollTo(0, Math.max(scrollHeight - 1, 0));
        }, 100)
      }

相关文章

  • iosinput框导致按钮位置错位

    文章原有链接 前端h5混合开发手机端ios 当有input输入时,手机下方弹出键盘使页面上移,当输入完成,键盘消...

  • vue-elementui之按钮

    之前用element-UI的按钮想做登录注册的弹框,结果修改按钮大小后字体老是还在原位。导致看起来按钮框和字体完全...

  • 2020-06-08

    ios 部分机型 对input框不兼容 当获取焦点后,光标错位,一般是弹出框使用fixed布局导致; 而光标过大,...

  • iOS开发中获取视图在屏幕上显示的位置

    在iOS开发中,我们会经常遇到一个问题,例如,点击一个按钮,弹出一个遮罩层,上面显示一个弹框,弹框显示的位置在按钮...

  • icop

    全局组件或配置 1. 表格查询页搜索框 点击reset或点击下拉选择框的清空按钮需要专为实体默认选中位置:src\...

  • 宏定义可能导致报错位置不对

    额,宏定义报错的位置可能并不是出错的位置。。。比如我今天遇到报错情况是这样的。。 但是后来发现其实是后面写了这样的...

  • 2018-08-14 HTML5学习表单基本使用

    包含文本输入框,密码输入框,单选按钮,多选按钮,重置按钮,文件选择器

  • 11.7

    今天学习了列表框控件、组合框控件、单选按钮控件、复选按钮控件、分组框控件。。。。。

  • 6、bootstrap模态框(二),传值给模态框

    模态框(一)有个问题,模态框及时不弹出,也会遮挡其他div,导致其他div虽然能看见,但是无法点击,而且点击按钮触...

  • 11.7

    第七章的列表框控件、组合框控件、单选按钮控件、复选按钮控件、分组框控件。

网友评论

      本文标题:iosinput框导致按钮位置错位

      本文链接:https://www.haomeiwen.com/subject/kfzdnqtx.html