javascript——移动端input,textarea输入框获得焦点页面上移

来源:互联网 发布:华为p9 plus优化 编辑:程序博客网 时间:2024/06/07 17:07

一路走来,在移动端页面这条路上,踩了不少坑啊。
下面介绍一下我踩的坑之一:点击input时,软键盘把input框给遮住了,,,这怎么行,解决呗。总不能让设计师把页面重新布局一遍吧,再说这定下来的页面,怎么可能因为我这点小问题说改就改。。。
呜呜~~(>_<)~~我还是个孩子。。。。。
经过试验,发现在ios上正常,那就来处理安卓呗,

if (/Android [4-6]/.test(navigator.appVersion)) {   window.addEventListener('resize', function () {     if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') {        window.setTimeout(function () {          document.activeElement.scrollIntoViewIfNeeded()        }, 0)      }   })}

嘿,恭喜恭喜,问题解决了,不用犯难了,是不是很开心啊:)

每天进步一点点!!!

阅读全文
0 0
原创粉丝点击