解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
作者：Zou-Wang 发布时间：2024-04-27 15:47:30
标签：微信,H5页面,软键盘
前言：微信H5项目，ios端出现了软键盘输完隐藏后页面不会回弹，下方会有一大块留白
最近微信和ios都有版本升级，不知道是哪边升级造成的，但是经过测试，软键盘收起后，再滚动一下页面，下面的留白就会消失。所以只要在输入完毕后模拟一下这个“滚动”的操作，就能解决问题了。
如果是用vue写的：
<input type="text" @blur="fixScroll" placeholder="请输入xxx"/>
//methods中添加：
fixScroll() {
window.scrollTo(0, 0);
}
因为这个问题只在iOS端出现所以使用前进行一下判断：
fixScroll() {
let u = navigator.userAgent;
let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if (isiOS) {
window.scrollTo(0, 0);
}
}
总结
以上所述是小编给大家介绍的解决IOS端微信H5页面软键盘弹起后页面下方留白的问题网站的支持！
来源：https://www.cnblogs.com/zouwangblog/archive/2019/06/05/10979209.html
0
投稿猜你喜欢
1.引入正则模块(Regular Expression)要使用python3中的RE则必须引入 re模块import re #引入正则表达式- 本文实例为大家分享了python实现图书管理系统的具体代码，供大家参考，具体内容如下import mysql.connectorimport
- 如下所示：from mpl_toolkits.mplot3d import axes3dimport matplotlib.pyplot a
- 压缩数据库文件可以提高数据库的性能，但是有些时候在压缩数据库时，系统会提醒用户该数据库不能压缩。如果在Access数据库中删除数据库对象，或
- 一、数据导入是所有数模编程的第一步编程求解一个数模问题，问题总会涉及一些数据。有些数据是在题目的文字描述中给出的，有些数据是通过题目的附件文
- Python 提供了如下两个函数来检查类型：issubclass(cls, class_or_tuple)：检查 cls 是否为后一个类或元
- 在Django中对于基于函数的视图我们可以 @csrf_exempt 注解来标识一个视图可以被跨域访问。那么对于基于类的视图，我们应该怎么办
- 本文实例讲述了python实现的简单窗口倒计时界面。分享给大家供大家参考。具体分析如下：下面的代码通过Tkinter制作windows窗口界
- 项目实现利用face++开发一个课堂签到的软件，实现面向摄像头即可完成记录学号、姓名和时间的签到工作。项目架构项目使用场景代码：流程代码，主
- fso对象CreateTextFile方法调用时可能会报“无效的过程调用或参数”错误，在使用ASP生成静态页面时，如果传入的字符串参数编码为
- 关于substr、substring和slice方法区别的文章，网上搜到了许多，文章内容也基本一致。而后，我将其中一篇文章中的代码挪到本地进
- 本文实例讲述了go语言操作redis连接池的方法。分享给大家供大家参考。具体实现方法如下：func newPool(server, pass
- 前序在Python中，集合(Set) 是一个无序、不重复的序列，它不支持索引。集合一般用于元素去重或者一些数学中的操作像union，inte
- 步骤：1、新建一个空文件，文件名为hhhh2、初始化git init3、自己要与origin master建立连接（下划线为远程仓库链接）g
- 统计分析常常会出错、存在偏见或过于狭隘。数字崇拜者常因专注于统计分析而把可用性研究引入歧途。强调洞察力和定性研究更为重要。用户研究有两种类型
- 前言： 上一篇讲了Python排序问题中比较经典的三个方法，（链接：关于Python排
- 如何在ASP.NET中使用ADO.NET连接数据库？以连接Access数据库为例，步骤如下：一、我们来用有源ODBC DSN的方法和无源OL
- 合并对象的方法1. 使用展开运算符展开运算符（spread operator）提供了一种简洁的语法来合并对象。它使用{...}包裹需要合并的
- 一、list 合并第一种方法：a =[91,95,97,99]b =[92,93,96,98]c = a+b # 合并c.sor
- 本文实例讲述了微信小程序使用slider设置数据值及switch开关组件功能。分享给大家供大家参考，具体如下：1、效果展示2、关键代码① i
