Swiper中文论坛

标题: 求问，swiper在移动端的唤起键盘后导致页面往上撑的问题 [打印本页]

作者: swiper李 时间: 2019-3-23 11:24
标题: 求问，swiper在移动端的唤起键盘后导致页面往上撑的问题
如图所示，唤起键盘后，输入文字，再关闭键盘，会发现这个时候页面被撑上来了，并且滑到下一页的时候，页面底部始终会有被撑上来的现象...

02.jpg (64.85 KB, 下载次数: 166)

输入后

01.jpg (68.87 KB, 下载次数: 132)

未输入前

作者: swiper李 时间: 2019-3-23 11:27
啊，已解决

作者: swiper李 时间: 2019-3-23 11:27
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)
}

附上解决方案~

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)