为了账号安全,请及时绑定邮箱和手机立即绑定

移动端键盘弹起,网页顶了上去。

移动端键盘弹起,网页顶了上去。

子衿沉夜 2019-02-02 15:46:49
在移动端开发中,只要input获取焦点键盘就会弹起来把页面顶上去,失去焦点的时候页面还是顶上去的状态。有什么好的办法可以让他还原。
查看完整描述

1 回答

?
呼唤远方

TA贡献1856条经验 获得超11个赞

input初始化后调用以下方法

// 处理ios有些机型input和fixed冲突问题
    _fixIosInputH () {      // 判断是否ios      if (!!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
        let [timeout, beforeTop] = [null, 0]
        $('input, textarea').on('focus', () => {
          beforeTop = document.body.scrollTop
          clearTimeout(timeout)
        }).on('blur', () => {
          timeout = setTimeout(() => {            document.body.scrollTop = beforeTop
          }, 100)
        })
      }
    }


查看完整回答
反对 回复 2019-02-02
  • 1 回答
  • 0 关注
  • 1293 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信