快捷搜索: 王者荣耀 脱发

微信内网页关闭拉起键盘后页面错位

问题是这样的~

然后,页面底部多出来了一大块空白区域。。。

那 就开始解决问题吧!


我的方法是,当input获取焦点后记录当前滚动条位置,失去焦点时,页面滚动条重新定位至刚才位置。
var inputList = [$(.input-code), $(.phone-input)];

    $.each(inputList, function() {
          
   
      this.focus(function() {
          
   
        $(this).attr(data-current-scroll, $(window).scrollTop());
      }).blur(function() {
          
   
        $(window).scrollTop($(this).attr(data-current-scroll));
      });
    });

ok,完事收工~

经验分享 程序员 微信小程序 职场和发展