您的位置:首页 > 移动开发

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

2017-05-22 17:42 281 查看
一路走来,在移动端页面这条路上,踩了不少坑啊。

下面介绍一下我踩的坑之一:点击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)
}
})
}


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

每天进步一点点!!!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: