• H5微信页面开发 IOS系统 input输入框失去焦点,软键盘关闭后,被撑起的页面无法回退到原来正常的位置,导致弹框里的按钮响应区域错位


    H5微信页面开发,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,导致弹框里的按钮响应区域错位。

    解决方案:给输入框(或select选择框)添加失去焦点的事件,当输入框失去焦点,页面自动滚动到顶部,并且需要加定时器,否则偶尔会失效,

    //blur失去焦点事件
    $("input,select,textarea").blur(function(){ setTimeout(function() {                 var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;                 window.scrollTo(0, Math.max(scrollHeight - 1, 0));             }, 100); })

     注:scrollTo(xpos,ypos)

    xpos 必需。要在窗口文档显示区左上角显示的文档的 x 坐标。

    ypos 必需。要在窗口文档显示区左上角显示的文档的 y 坐标。

  • 相关阅读:
    正则表达式
    理解CPU steal time
    装饰器(带参数)
    装饰器(入门)
    递归
    冒泡算法
    Chrome for Mac键盘快捷键!来自Google Chrome官网!
    swoole深入学习 4. process
    通俗讲解 异步,非阻塞和 IO 复用
    swoole深入学习 3. upd Server和udp Client
  • 原文地址:https://www.cnblogs.com/xiaoxiao2017/p/10509793.html
Copyright © 2020-2023  润新知