VIP用户交流群:462197261 收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
在线客服:78895949
tonglan
  • 当前位置:
  • 解决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布局错乱的问题

    广而告之:
    热门推荐:
    dedecms模板标签代码官方参考

    没想到dedecms可以这样DIY,牛啊 地址:http://www.dedecms.com/archives/templethelp/help/ 在了解DedeCms的模板代码之前,了解一下织梦模板引擎的知识是非常有意义的。织梦模板引擎是一种使用XML名字空间形式的模板解析器,使用织梦解析器解析模板的最大好处是可以轻松···

    BootStrap中Table隐藏后显示问题的实现代码

    开始的时候先把table隐藏了,由于判断条件让它显示,结果出现错位的问题。 //前台代码: <h3 id="faultanalysis-head" class="text-center" style="display:none"><strong>faultanalysis-table</strong></h3> <table id="faultanalysis-table" da···

    php简单的留言板与回复功能具体实现

    在网上找了这方面的教程 但是基本就是没有人说什么 然后在某一天看见一个PHP程序设计出了一张类似这样的数据库设计图之后就有了很多领悟!下面是数据库的结构图 下面我们就来继续一下介绍    id          ···

    表单Form元素的一些简单实现代码以注册为例

     代码实现方式: 复制代码 代码如下: <!DOCTYPE html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta na···

    织梦模板DEDE首页列表页调取指定位置开始的文章

    在标签里用limit来替代row: 例如:{dede:arclist limit='2,10'} 里面的2就表示忽略2篇,从第3篇开始读取,10就代表共调取10篇。

    JavaScript数组方法的错误使用例子

    1. 不要使用Array.indexOf,使用Array.includes “如果你要在数组中查找元素,使用Array.indexOf!”。记得在我学习JavaScript课程时候,有这样一句话。这句话没错,确实可以这么使用! 根据MDN文档:“Array.indexOf会返回被查找元素第一个匹配的位置的下标。”因此,如果后面需要···

    PHP实现的大文件切割与合并功能示例

    本文实例讲述了PHP实现的大文件切割与合并功能。分享给大家供大家参考,具体如下: 分割代码 split.php <?php $i = 0; //分割的块编号 $fp = fopen("hadoop.sql","rb"); //要分割的文件 $file = fopen("split_hash.txt","a"); //记录分割的···

    html、css基础注意点(前端必看篇)

    之前第一次接触html,一直使用table进行布局,十分麻烦还相当丑陋,造成当初并没有多大的兴趣,直到半年前开始接触到了使用div+css编写页面,才对它有了兴趣。作为一个菜鸟记录自己的点滴教训与收获,主要还是给自己看的,也希望对以后想要学习的同学有所帮助,同时也还请各位···

    无法定义IE6字体:13px大小无效,IE6自动显示更大的字体的解决方法

    前些天调整网页一个模块的时候将页面字体的大小设置为13px大小了,由于当时用的是Chrome浏览器以及IE8,并没有发现原来font-size:13px在IE6下居然不听使唤总是自动显示为一个更大的大小,变现上又及其难看。 百思不得其解后,突然想起我之前更换字体的那事。在我更换之···

    Yii2.0预定义的别名功能小结

    本文实例讲述了Yii2.0预定义别名。分享给大家供大家参考,具体如下: 这里总结一下,默认预定义别名一共有12个,其中路径别名11个,URL别名只有 @web 1个: @yii 表示Yii框架所在的目录,也是 yii\BaseYii 类文件所在的位置; @app 表示正在运行的应用的根目录,一般是 digpage.···