解决h5中iphone手机input输入框被顶部地址栏盖住
来源:互联网 发布:coc野蛮人之王升级数据 编辑:程序博客网 时间:2024/06/01 08:11
当点击输入框调出输入法时,输入框的位置被顶到了地址栏的下面,解决方案如下:
scrollIntoViewscrollIntoView(ture)元素上边框与视窗顶部齐平;scrollIntoView(false)元素下边框与视窗底部齐平; 如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题,浏览器实现了一下方法, 以方便开发人员如何更好的控制页面的滚动。在各种专有方法中,HTML5选择了scrollIntoView() 作为标准方法。 scrollIntoView()可以在所有的HTML元素上调用,通过滚动浏览器窗口或某个容器元素, 调用元素就可以出现在视窗中。如果给该方法传入true作为参数,或者不传入任何参数,那么 窗口滚动之后会让调动元素顶部和视窗顶部尽可能齐平。如果传入false作为参数,调用元素 会尽可能全部出现在视口中(可能的话,调用元素的底部会与视口的顶部齐平。)不过顶部 不一定齐平,例如: //让元素可见 document.forms[0].scrollIntoView(); 当页面发生变化时,一般会用这个方法来吸引用户注意力。实际上,为某个元素设置焦点也 会导致浏览器滚动显示获得焦点的元素。 支持该方法的浏览器有 IE、Firefox、Safari和Opera。 使用方法:document.querySelector("#roll1").onclick = function(){ document.querySelector("#roll_top").scrollIntoView(false);} _showCancel(){ this.timer = setInterval(function() { document.querySelector("#ser").scrollIntoView(false); }, 10); }, _hideCancel(){ clearInterval(this.timer); },
阅读全文
1 0
- 解决h5中iphone手机input输入框被顶部地址栏盖住
- 解决ios h5 input输入框被输入法弹出一块区域
- 如何解决Android软键盘盖住输入框的问题
- 解决安卓端虚拟按键盖住输入框的方法
- 如何解决iphone手机微信浏览器中滑动到页面底部出现黑色背景盖住position:fixed的页面元素的问题?
- H5页面input输入框,在ios手机中被顶出页面解决方案
- H5输入框挡住解决
- 手机点击输入框,弹出输入法会盖住web的文本框问题。
- 解决iPhone手机safari浏览器上input圆角bug
- 用iframe解决DIV被下拉框盖住
- 关于微信手机端IOS系统中input输入框无法输入的问题
- H5 ios input获取焦点挂起软键盘 输入框被遮盖 页面被顶起
- H5:实时监听 input 输入框的值变化
- 带你跳出H5输入框input的坑
- 软键盘盖住输入框的解决办法
- iOS7 edgesForExtendedLayout || tableview顶部被navigationbar盖住的问题
- iphone端h5页面底部输入框被键盘遮挡问题
- 解决安卓手机H5页面input获得焦点时页面挤压或者底部上移
- 20个非常有用的Java程序片段
- 读取配置文件
- 确定类型和表达式在编译期信息的模板技术
- 菱形继承
- 配置远程Linux云服务器+可视化工作环境+jupyter notebook
- 解决h5中iphone手机input输入框被顶部地址栏盖住
- 服务器源码安装Apache
- Android———Layout:LinearLayout
- effective c++:写出一个不抛出异常的swap函数
- Kotlin:包结构有那么点任性
- css3实现3D切换
- 数字黑洞
- python2.7安装setuptools和pip及卸载
- MotionEvent的理解