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

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

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

需要用到以下两个方法:

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

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

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

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

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

posted @ 2017-01-17 15:11  devilyouwei  阅读(1388)  评论(0编辑  收藏  举报