码迷,mamicode.com
首页 > 移动开发 > 详细

web页面移动端键盘弹出后对页面布局的影响

时间:2018-05-03 19:33:10      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:FN   src   调用   布局   png   显示   alt   int   bsp   

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

技术分享图片

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

技术分享图片             技术分享图片

 

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

web页面移动端键盘弹出后对页面布局的影响

标签:FN   src   调用   布局   png   显示   alt   int   bsp   

原文地址:https://www.cnblogs.com/chenxiangling/p/8986482.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!