mui弹出输入法遮住input表单元素

转自https://www.cnblogs.com/devilyouwei/p/6293190.html

mui弹出输入法遮住input表单元素

 

问题如下:当我用mui开发app时,在mui-scroll下的表单元素,input元素点击后会被弹出的输入法遮挡,体验效果下降!

百度了一番后没有找到合适的方法,于是自行研究了一下

需要用到以下两个方法:

1.onresize //检测窗口的变化

2.scrollIntoView() //滚动到可视范围内

直接在body中添加即可,代码如下:

<body onresize="document.activeElement.scrollIntoView(true);">

这样在弹出输入法就不会遮住input了,自动滚动到焦点处

原文地址:https://www.cnblogs.com/honeynm/p/12357777.html