解决安卓手机H5页面input获得焦点时页面挤压或者底部上移

在安卓手机上，如果底部有一个定位的元素比如一个input 或者一个 footer 在正常情况下是没有问题的,
但是一旦input获得焦点,那么定位元素会被软键盘向上推,ios手机没有问题
此时解决办法如下:
先判断手机类型,因为如果不判断的话 ios会被影响

    window.onload = function () {var u = navigator.userAgent;if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机//  拿到获取焦点的inputlet input = document.querySelector('input')input.addEventListener('focus', function () {setInterval(function () {// 核心input.scrollIntoView(false);}, 200)})}}

即可解决问题.

解决安卓手机H5页面input获得焦点时页面挤压或者底部上移相关推荐

电视android怎么解决,安卓手机怎么投屏到电视？用这3种方法可完美解决
安卓手机怎么投屏到电视?用这3种方法可完美解决 2021年04月01日 17:47作者:网络编辑:王动分享有些用户觉得智能电视能看的资源太少,想把安卓手机里的资源投屏到电视上看,该怎么办呢?下面简 ...
apk闪退_解决安卓手机闪退的通用办法！
原标题:解决安卓手机闪退的通用办法! 丫丫网资讯,很多安卓用户都会反应手机在使用过程中会出现手机闪退问题,今天这个问题也许可以解决了.一起来瞅瞅吧! 1.安卓手机由于其系统特性原因,在手机缓存过多的情 ...
删了手机文件的android,技巧:删文件解决安卓手机玩阴阳师会卡
阴阳师安卓手机越玩越卡怎么办?本篇就带来最新的删除头像文件清理缓存空间来解决安卓手机玩阴阳师会卡的教程,看看新技巧怎么样操作. 删除思路: 记得当初刚下载的时候游戏还是很顺畅的,后来越玩越卡,打魂十阴 ...
解决安卓手机抓不到包，流量不走手机代理的问题
解决安卓手机抓不到包,流量不走手机代理的问题安装APP代理机器人授予root权限按照图片进行配置红圈内三个选项即可 Host:电脑ip地址端口:按照抓包软件设置一般为8888 代理切换:设置 ...
android4被淘汰,这五类安卓手机已经被淘汰，购买时别贪便宜，需慎重考虑！
原标题:这五类安卓手机已经被淘汰,购买时别贪便宜,需慎重考虑! 随着人们生活水平的提高和科技的发展,很多人跟换手机的周期大大缩短,中国人平均更换手机的周期是1年,而美国人是半年. 小编以前也是两年才换 ...
html获得焦点显示边框,input获得焦点时，如何让外边框不变蓝
input获得焦点时,如何让外边框不变蓝 border 可应用于几乎所有有形的html元素,而outline 是针对链接.表单控件和ImageMap等元素设计. outline的效果将随元素的 foc ...
android按钮在容器下方,使用flex布局解决安卓手机上固定在底部的按钮，在键盘弹起后挡住input输入框的问题...
移动端经常会出现,一个表单里面,确定按钮固定在底部这样的布局,一般会让按钮absolute或者fixed,这样在ios上没有问题,但是在安卓手机上,当表单里面的input输入框获得焦点的时候,按钮会挡 ...
H5页面iphone(苹果)手机点击输入框输入内容时页面自动放大
问题: H5页面,iPhone手机点击input搜索框,输入内容时,页面会自动放大. 解决: 方法一: html文件中加上移动端元信息 <meta name="viewport&qu ...
解决安卓手机点击有效，苹果手机点击事件无效的问题
在开发过程,我们常会遇见一些元素,他们不一定是 <A> 或者 <button>标签但是,我们需要为他们产生点击事件. 比如 ,我们的 ul,li里的文档 ,我们让他们可以产 ...

解决安卓手机H5页面input获得焦点时页面挤压或者底部上移

解决安卓手机H5页面input获得焦点时页面挤压或者底部上移相关推荐

最新文章

热门文章