博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
web页面移动端键盘弹出后对页面布局的影响
阅读量:6820 次
发布时间:2019-06-26

本文共 254 字,大约阅读时间需要 1 分钟。

1.由于弹出键盘后屏幕的高度会发生改变,所以页面的绝对/固定定位布局会受到影响

2.键盘弹出后输入框被遮挡掉了,需要设置定时器在输入框聚焦200ms后调用红框区域的标签的scrollIntoView(true)和scrollIntoViewIfNeeded()使输入框显示在可视区域内

             

 

3.键盘弹出后页面发生滚动,若不想然页面滚动可设置定时器在输入框聚焦200ms后把页面的滚动位置重置为0px

转载于:https://www.cnblogs.com/chenxiangling/p/8986482.html

你可能感兴趣的文章
C#学习经典方法之(五)--LINQ中的DataContext类
查看>>
内存分页大小对性能的提升原理
查看>>
微软云计算介绍与实践(实践之二十)
查看>>
备份数据库的shell脚本
查看>>
《从0到1学习Flink》—— Data Source 介绍
查看>>
从零开始认识iptables
查看>>
cacti插件monitor
查看>>
selinux与ftp
查看>>
Ubuntu搭建NIS从服务器步骤
查看>>
scala中Ordered和Ordering的区别
查看>>
文字排版中的设计四原则(三)
查看>>
我的友情链接
查看>>
JavaSE 学习参考:常量
查看>>
netapp 2个控制器spare盘分配
查看>>
我的友情链接
查看>>
华为AR2220E-S 设置限制上网时间
查看>>
实现cell的点击高亮
查看>>
如何用腾讯云打造一款微视频APP
查看>>
linux内核中的hook函数详解
查看>>
调用手机GPS实现当前位置定位并展现百度地图上
查看>>