mui弹出输入法遮住input表单元素
问题如下:当我用mui开发app时,在mui-scroll下的表单元素,input元素点击后会被弹出的输入法遮挡,体验效果下降!
百度了一番后没有找到合适的方法,于是自行研究了一下
需要用到以下两个方法:
1.onresize //检测窗口的变化
2.scrollIntoView() //滚动到可视范围内
直接在body中添加即可,代码如下:
<body onresize="document.activeElement.scrollIntoView(true);">
这样在弹出输入法就不会遮住input了,自动滚动到焦点处