zoukankan      html  css  js  c++  java
  • js-解决安卓手机软键盘弹出后,固定定位布局被顶上移问题

    分析:软键盘弹出后,导致页面高度变化

    解决方案:软键盘弹出后,修复页面高度

    // 监听窗口变化
        resizeScreen(){
          if (!this.state.isIOS && this.state.isInApp) {
                var originHeight = document.documentElement.clientHeight || document.body.clientHeight;
                this.$nextTick(()=>{
                  let bodyE = document.querySelector('.pop-other');
                  window.addEventListener('resize', function() {
                      var resizeHeight = document.documentElement.clientHeight || document.body.clientHeight;
                      if (originHeight < resizeHeight) {
                          console.log('Android 键盘收起啦!');
                          // Android 键盘收起后操作
                          bodyE.style.height = 100+'%';
                      } else {
                          console.log('Android 键盘弹起啦!');
                          // Android 键盘弹起后操作
                          bodyE.style.height = originHeight+'px';
                      }
                      originHeight = resizeHeight;
                  }, false)
                });
            }
        },
  • 相关阅读:
    阅读进度条的实现
    获取radio选中的值
    Vue的学习(六)
    Vue的学习(三)
    C#委托详解
    C#泛型和非泛型
    C#装箱和拆箱
    C#内存泄漏的事例
    C#windows服务开发(一)
    C#windows服务开发
  • 原文地址:https://www.cnblogs.com/lingXie/p/14025066.html
Copyright © 2011-2022 走看看