交流群:462197261站长百科站长论坛热门标签收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
点击这里给我发消息
  • 当前位置:
  • 解决IOS端微信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页面软键盘弹起后页面下方留白的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对北冥有鱼网站的支持!

    您可能感兴趣的文章:

    • vue 解决文本框被键盘遮住的问题
    • 使用vue实现简单键盘的示例(支持移动端和pc端)
    • 微信内置开发 iOS修改键盘换行为搜索的解决方案
    • vue 解决移动端弹出键盘导致页面fixed布局错乱的问题

    广而告之:
    热门推荐:
    asp.net jquery无刷新分页插件(jquery.pagination.js)

    采用Jquery无刷新分页插件jquery.pagination.js 实现无刷新分页效果 友情提示:本示例Handler中采用StringBuilder的append方法追加HTML,小数据量可以,但是大数据或是布局常变,建议返回JSON格式的数据,性能和灵活性更好! 1.插件参数列表  2.页面内容: 复制代···

    织梦Dede会员登录功能调转的各种问题总结

    在织梦默认的会员系统模板中,会员在主页登陆后,默认会跳转到会员中心,在其他的页面登录,也是这样的情况。如果做网站时,为了展示方便,需要在登陆后,跳转到网站主页或者当前访问的页面,该怎么解决呢?    在织梦默认的会员系统模板中   让会员登···

    Asp.net禁用页面缓存的方法总结

    1、在Asp页面首部<head>加入  复制代码 代码如下:  Response.Buffer   =   True      Response.ExpiresAbsolute   =   Now()   -   1      Respo···

    JavaScript实现的反序列化json字符串操作示例

    本文实例讲述了JavaScript实现的反序列化json字符串操作。分享给大家供大家参考,具体如下: JavaScript中如何反序列化json字符串呢? 有如下两种方法: (1) 使用万能的eval var jsonText = '{"name":"acwong","age":23,"address":{"province":"GuangDong","city":"GuangZh···

    JS判断时间段的实现代码

    废话不多说了,直接给大家贴代码了,具体代码如下所示: <th>交易时间开始:</th> <td><input id="bcconDateBeginDate" name="bcconDateBeginDate" value="2016/06/12 00:00:00" class="easyui-datetimebox" editable="false" style="width···

    网站关键词热度及对应的优化周期分析

      网站行业中,对的评估是必不可少的,包括的热度,难度以及对应的周期等等,只有在综合评估之后才能给出最终的报价,一般情况下,这些怎样来评定呢?   其实,每一个seoer都会有同样的感受,也即是在做优化的时候总会期望着两三个月之后的工作成效,但事实上,并非每一个···

    MySQL 重装MySQL后, mysql服务无法启动

    解决方法: 1: 先卸载mysql, 手动将其安装目录里没有删除干净的文件全部删除. 2: 将C:\ProgramData\MySQL 里有关mqsql的文件全部删除. 3: 重新安装 mysql 程序. mysql服务就可以正常启动了

    Angularjs实现上传图片预览功能

    废话不多说了,直接给大家贴代码了,具体代码如下所示: <input type="file" ng-file-select="onFileSelect($files)" accept="image/*"> app.factory("fileReader", function($q, $log) { var onLoad = function(reader, deferred, scope) { return funct···

    PHP开发制作一个简单的活动日程表Calendar

    材料取之深入PHP与JQuery开发,这本书实际上就是讲述一个活动日程表。 此文章适合从其它语言(如java,C++,python等)转到php,没有系统学习php,或者是php初学者,已经对程序有较深理解的朋友 以上为文件目录结构,public为程序根目录,目的是为了安全方面的考虑,把核心程序放···

    JS全角与半角转化实例(分享)

    最近在做PC端网站的页面的一个表单校验,需要把全角输入转化成半角符号。之前没有了解过这些编码的知识,还是得Google一下查查资料,故简单总结一下。 什么是全角、半角 传统上,英语或拉丁字母语言使用的电脑系统,每一个字母或符号,都是使用一字节的空间(一字节由8比特组成···