swiper李 发表于 2019-3-23 11:24:31

求问，swiper在移动端的唤起键盘后导致页面往上撑的问题

如图所示，唤起键盘后，输入文字，再关闭键盘，会发现这个时候页面被撑上来了，并且滑到下一页的时候，页面底部始终会有被撑上来的现象...

swiper李 发表于 2019-3-23 11:27:12

啊，已解决

swiper李 发表于 2019-3-23 11:27:38

var u = navigator.userAgent, app = navigator.appVersion
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
$(document).ready(function(){
        $("input").blur(function(){
          if (isIOS) {
                  blurAdjust()
                // alert("1231321233")
      }
    });
});
// 解决苹果不回弹页面
function blurAdjust(e){
    setTimeout(()=>{
      // alert("1231321233")
      if(document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA'){
         return
      }
      let result = 'pc';
      if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
                result = 'ios'
      }else if(/(Android)/i.test(navigator.userAgent)) {//判断Android
                result = 'android'
      }
      
      if( result = 'ios' ){
            document.activeElement.scrollIntoViewIfNeeded(true);
      }
    },100)
}


附上解决方案~:lol
页: [1]
查看完整版本: 求问，swiper在移动端的唤起键盘后导致页面往上撑的问题