mui 区域滚动scroll中有input输入框时,软键盘弹出收回后滚动区域正常显示的代码

// 获取默认界面高度

var originalHeight = document.documentElement.clientHeight || document.body.clientHeight;

window.onresize = function(){

    // 获取当前界面高度

    var resizeHeight = document.documentElement.clientHeight || document.body.clientHeight;

    if(resizeHeight * 1 < originalHeight * 1) { // 软键盘弹出

        // 将该input顶起到可视区域,防止软键盘挡住input

        document.activeElement.scrollIntoView(false)

    } else {// 软键盘收回

        // 重置scrollTop值,恢复滚动区域正常位置

        mui('.mui-scroll-wrapper').scroll().element.scrollTop=0

        // 如果页面中有多个滚动区域,则用id来获取

        // mui('#scroll').scroll().element.scrollTop=0

        // mui('#scroll2').scroll().element.scrollTop=0

    }

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容