解决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
投稿猜你喜欢
爬取网址：http://www.ultramanclub.com/allultraman/使用工具：pycharm，requests进入网页- 在我做过的N多项目中，基本都有个跑不开的怪圈——首页很难设计。根据进度安排，首页必须按时出来，不然没法review，也没法测试。于是，首页只
- 由于分形树具有对称性，自相似性，所以我们可以用递归来完成绘制。只要确定开始树枝长、每层树枝的减短长度和树枝分叉的角度，我们就可以把分形树画出
- 使用webpack搭建单页面程序十分常见，但在实际开发中我们可能还会有开发多页面程序的需求，因此我研究了一下如何使用webpack搭建多页面
- 获取要爬取的URL爬虫前期工作用Pycharm打开项目开始写爬虫文件字段文件items# Define here the models fo
- 本文实例讲述了php控制文件下载速度的方法。分享给大家供大家参考。具体实现方法如下：<?php /* * set here a lim
- leaflet为R语言提供了API很好用，这次尝试用Python使用leaflet，需要folium安装foliumpip install
- Django是用python写的web开发框架，其特点是：1.重量级框架，内部封装了很多的功能组件，使开发变的简便快速，2.MVT模式：前后
- 简介在日常的Python开发中，处理时间和日期的需求是非常常见的。尽管Python内置了 datetime 和 time 模块，但在某些情况
- 优化是一项复杂的任务,因为它最终需要对整个系统的理解.当用你的系统/应用的小知识做一些局部优化是可能的时候,你越想让你的系统更优化,你必须知
- 1、准备工作pip install qcloudsms_py1.注册腾讯云账号2.在产品列表内找到短信，在短信内添加应用3.获取对应的SDK
- Python2.7对于中文编码的问题处理的并不好，这几天在爬数据的时候经常会遇到中文的编码问题。但是本人对编码原理不了解，也没时间深究其中的
- 上午在分析索引的使用情况，想看一下数据库什么时候启动的，确保统计的数据没有问题，可以使用下面三种方法查询：--2008及之后版本才有SELE
- 最近在做深度学习时需要用到图像处理相关的操作，在度娘上找到的图片旋转方法千篇一律，旋转完成的图片都不是原始大小，很苦恼，于是google到歪
- 本文研究的主要是Python程序运行原理，具体介绍如下。编译型语言（C语言为例）动态型语言一个程序是如何运行起来的？比如下面的代码#othe
- 在进行数据分析、数据建模时，我们首先要做的就是对数据进行处理，提取我们需要的信息。下面为大家介绍一些groupby的用法，以便能够更加方便地
- 模块介绍Python提供了importlib包作为标准库的一部分。目的就是提供Python中import语句的实现（以及__import__
- substr 函数：截取字符串 语法：SUBSTR(string，start， [length])string：表示源字符串，即要
- 1. 程序背景之前做文件批量移动的时候不小心多加了一个pdf后缀，但问题不大，几行代码就可以搞定~2. 程序要求将以下目录中文件夹中的有问题
- 代码如下import sysfrom PyQt5.QtWidgets import QApplication, QWidgetclass E
