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

查看数: 2902 | 评论数: 2 | 收藏 0
关灯 | 提示:支持键盘翻页<-左 右->
    组图打开中,请稍候......
发布时间: 2019-3-23 11:24

正文摘要:

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

回复

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)
}


附上解决方案~
swiper李 发表于 2019-3-23 11:27:12
啊,已解决

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2025-5-19 13:55 , Processed in 0.093005 second(s), 35 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表