解决ios微信网页中键盘收起界面不回弹的问题 底部留有空白

/**************************解决ios微信中键盘收起界面不回弹的问题 底部留有空白**********************/

/**************************初步调研结果为 ios会触发 focusin, focusout事件*********************/

(function () {

  let client = Utils.getClient();

  if (client.isIos && client.isWx) {

    // 记录位置

    let scrollTop = 0;

    //聚焦的时候记录滚动位置

    window.addEventListener('focusin', function () {

      scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

    });

    // 失去焦点的时候回滚 收起键盘

    window.addEventListener('focusout', function () {

      window.scrollTo({

        top: scrollTop,

        behavior: "smooth"

      });

    });

  }

})();

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,897评论 1 11
  • 语法基础 类型转换 1,parseInt(),parseFloat(),Number()要传参,toString(...
    ishgy阅读 3,456评论 0 0
  • Call 和 Apply 的区别语法:function.call(thisObj [, arg1[, arg2[,...
    HeroXin阅读 1,832评论 0 1
  • 事件是什么,可以用来做什么,什么时候用到它? 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。JavaScr...
    茂茂爱吃鱼阅读 5,416评论 0 16
  • 一觉醒来, 天地变成晶莹, 好美! 雪,来了, 带着吉祥, 瑞雪兆丰年。
    时尚女人兰阅读 1,333评论 0 0

友情链接更多精彩内容