javascript——移动端input,textarea输入框获得焦点页面上移
2017-05-22 17:42
281 查看
一路走来,在移动端页面这条路上,踩了不少坑啊。
下面介绍一下我踩的坑之一:点击input时,软键盘把input框给遮住了,,,这怎么行,解决呗。总不能让设计师把页面重新布局一遍吧,再说这定下来的页面,怎么可能因为我这点小问题说改就改。。。
呜呜~~(>_<)~~我还是个孩子。。。。。
经过试验,发现在ios上正常,那就来处理安卓呗,
嘿,恭喜恭喜,问题解决了,不用犯难了,是不是很开心啊:)
每天进步一点点!!!
下面介绍一下我踩的坑之一:点击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) } }) }
嘿,恭喜恭喜,问题解决了,不用犯难了,是不是很开心啊:)
每天进步一点点!!!
相关文章推荐
- [Javascript]如何在HTML中实现点击input输入框(获得焦点)后默认提示消失的效果
- 解决安卓手机H5页面input获得焦点时页面挤压或者底部上移
- 移动端 mui框架中input输入框或任何输入框聚焦后页面自动上移
- 去掉移动端页面 input, textarea, button, a 标签获取焦点时显示的黑影
- input 输入框获得/失去焦点时隐藏/显示文字
- HTML页面中input元素在android浏览器中获得焦点后页面放大解决方法
- input输入框4个以空格,获得焦点就没有
- JavaScript基础 表单内的text文本输入框 获得焦点onfocus 失去焦点onblur
- input(输入框)根据id获得焦点(focus)事件无效解决方案
- 设置页面上的某个控件获得焦点(JavaScript)
- esasyui 和 KindEditor 在同一页面,input无法获得焦点,无法输入
- JavaScript基础 表单内的text文本输入框 获得焦点onfocus 失去焦点onblur
- 输入框input获得焦点后边框加亮代码
- input 输入框获得/失去焦点时隐藏/显示文字
- webapp之登录页面当input获得焦点时,顶部版权文本被顶上去 的解决方法
- input 输入框获得/失去焦点时隐藏/显示文字
- input 输入框默认获得焦点
- HTML页面中,设置input获得焦点
- 我的Web学习之路1——input,textarea获得/失去焦点时隐藏/显示文字
- 移动端开发,IOS、iPhone,表单input元素获取焦点时页面被放大的解决办法。