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

    }

}

你可能感兴趣的:(mui 区域滚动scroll中有input输入框时,软键盘弹出收回后滚动区域正常显示的代码)