收藏
回答

微信6.7.4版本,ios端打开H5页面,输入框失焦后,键盘收起,页面不回弹

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小游戏 Bug iOS ios12 iphone6 6.7.4

输入前:

输入中:

输入后:

最后一次编辑于  2018-11-26  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

6 个回答

  • HS
    HS
    2018-11-26

    问题已复现,我们会在后续版本中进行修复。

    2018-11-26
    赞同 2
    回复 7
    • 何叶鑫
      何叶鑫
      2018-11-26

      好的,谢谢!


      2018-11-26
      回复
    • 晚起早睡梦中修仙Rengar
      晚起早睡梦中修仙Rengar
      2018-11-29

      同遇到,感谢解决!

      2018-11-29
      回复
    • D:
      D:
      2018-11-30

      同样的问题,解决了吗!?我IOS12 微信6.7.3测试OK 然后更新6.7.4 就出现这个问题了。 有解决方案吗?写fixed的话 空白不会出现,但是表单元素会错位。

      2018-11-30
      回复
    • 何叶鑫
      何叶鑫
      2018-12-03

      还没呢,估计得更一版才会解决吧


      2018-12-03
      回复
    • 张向洋
      张向洋
      2018-12-26

      temporaryRepair(){

          var currentPosition,timer;

          var speed=1;//页面滚动距离

          timer=setInterval(function(){

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

              currentPosition-=speed; 

              window.scrollTo(0,currentPosition);//页面向上滚动

              currentPosition+=speed; //speed变量

              window.scrollTo(0,currentPosition);//页面向下滚动

              clearInterval(timer);

          },1);

      }

      之前在微信6.7.4&&ios12的时候用这个方法能解决此问题,为什么更新到7.0.1的时候此方法直接失效呢???

      希望官网人员早点给予解决此问题,谢谢

      2018-12-26
      回复
    查看更多(2)
  • 周游
    周游
    01-09

    等了好久官方7.0.2了都没有解决,自己想了办法解决了,直接贴代码。


    绑定全局事件

    <template>
        <div id="app"
             @click="clicks">
            <router-view />
        </div>
    </template>


    methods: {
            //修复 IOS12,微信 6.7.4+ 键盘不回弹的问题
            clicks(e) {
                let that = this;
                let target = e.target;
                let targetName = target.tagName.toLocaleLowerCase();
                if (!!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) && (targetName == 'input' || targetName == 'textarea' || targetName == 'select')) {
                    let blurHandle = (e) => {
                        target.removeEventListener('blur', blurHandle);
                        setTimeout(() => {
                            const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
                            window.scrollTo(0, Math.max(scrollHeight - 1, 0));
                        }, 100);
                    }
                    target.addEventListener('blur', blurHandle);
                }
            }
        },


    01-09
    赞同 3
    回复
  • wx
    wx
    2018-11-29

    同样问题


    微信 6.7.4

    系统 ios12

    手机 iphon7 .iphon6sp


    问题:网页输入框完成输入后页面不回弹,

    影响:导致一些功能无法继续使用的bug。

    2018-11-29
    赞同 1
    回复
  • 何叶鑫
    何叶鑫
    01-07

    微信7.0.1此问题还是会出现啊,能帮忙解决吗,官网大大?

    01-07
    赞同
    回复
  • 车大侠
    车大侠
    01-05

    微信 7.0.1

    系统 ios12.1

    手机 iphon8 .iphonX


    问题:网页输入框完成输入后页面不回弹,button无法点击。

    影响:导致一些功能无法继续使用的bug。


    01-05
    赞同
    回复
  • 张向洋
    张向洋
    2018-12-26

    temporaryRepair(){

        var currentPosition,timer;

        var speed=1;//页面滚动距离

        timer=setInterval(function(){

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

            currentPosition-=speed; 

            window.scrollTo(0,currentPosition);//页面向上滚动

            currentPosition+=speed; //speed变量

            window.scrollTo(0,currentPosition);//页面向下滚动

            clearInterval(timer);

        },1);

    }

    之前在微信6.7.4&&ios12的时候用这个方法能解决此问题,为什么更新到7.0.1的时候此方法直接失效呢???

    希望官网人员早点给予解决此问题,谢谢

    2018-12-26
    赞同
    回复