输入框获取焦点软键盘弹出该输入框被遮挡
如果输入框不被遮挡,怎么处理?
比如,设计师输入框未获取焦点之前是这样的
设计师输入框获取焦点之后变成了这样
设计师输入框没有显示出来,是怎么回事呢?各位大侠解决一下!可以查看附件muilogin.rar
输入框获取焦点软键盘弹出该输入框被遮挡
如果输入框不被遮挡,怎么处理?
比如,设计师输入框未获取焦点之前是这样的
设计师输入框没有显示出来,是怎么回事呢?各位大侠解决一下!可以查看附件muilogin.rar
针对这个demo:安卓端监听当窗口大小发生改变时,判断下软键盘弹起时是否会挡住当前获得焦点的输入框,会的话改变mui-scroll-wrapper的top值(为现在高度-原来高度),ios端不需要做改变,软键盘都不会挡住输入框。
var initialHeight = window.innerHeight,
wrapper = document.querySelector(".mui-scroll-wrapper");
window.onresize = function(){
var heightDiffer = window.innerHeight - initialHeight;
console.log("高度的差"+heightDiffer);
wrapper.style.top = heightDiffer + 'px';//需要判断下此时软键盘弹起时是否会挡住当前获得焦点的输入框,挡住才执行这句,没挡住就不需要执行
}
l***@sina.com (作者)
老师您好,我现在已经上传了demo ,麻烦你看一下,android 的也出现遮挡!谢谢
2018-01-09 09:59