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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/mhlghy/article/details/72628428

一路走来,在移动端页面这条路上,踩了不少坑啊。
下面介绍一下我踩的坑之一:点击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)
      }
   })
}

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

每天进步一点点!!!

猜你喜欢

转载自blog.csdn.net/mhlghy/article/details/72628428