微信H5页面 会被软键盘顶起来

微信H5页面 会被软键盘顶起来

问题描述:H5页面在微信中打开,input输入框获取焦点时,页面被软键盘顶上去;关闭软键盘时,页面不会自动下来(恢复初始状态)

H5页面在微信中初始状态如下图:

微信H5页面 会被软键盘顶起来

微信H5页面 会被软键盘顶起来

input输入框获取焦点时,页面被软键盘顶上去,如下图:

微信H5页面 会被软键盘顶起来

关闭软键盘时,页面没有自动落下,如下图:

微信H5页面 会被软键盘顶起来

 

 

解决方法:
方法一:

$(input).on(‘blur’,function(){

    window.scroll(0,0);
});

scroll 注解:scroll(x,y),x表示水平滚动条位置,y表示垂直滚动条位置

 

方法二:

$(“input”).on(‘blur’,function(){

    $(window).scrollTop(0);
});

scrollTop 注解:元素滚动条的垂直位置

顺带写几个其他的:

scrollLeft(number); 元素滚动条的水平位置

$(selector).scrollTop(offset)  offset: 可选。规定相对滚动条顶部的偏移,以像素计。
———————

转载 :黑夜世界 
原文:https://blog.csdn.net/amy_king_0/article/details/86612901

转载于:https://www.cnblogs.com/Alitar/p/10756095.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/100962.html原文链接:https://javaforall.net

(0)
上一篇 2021年7月5日 下午3:00
下一篇 2021年7月5日 下午4:00


相关推荐

  • 什么是单模光纤和多模光纤的区别

    什么是单模光纤和多模光纤的区别单模光纤和多模光纤主要从核心直径 光源 带宽 护套颜色 模态色散 价格六个方面来区分 一 核心直径单模光纤 典型的单模光纤是 8 和 10 m 的纤芯直径 包层直径为 125 m 多模光纤 通常的多模光纤是 50 和 62 5 m 的纤芯直径 包层直径为 125 m 二 光源单模光纤 以激光器作为光源 价格相较 LED 光源更贵 激光光源产生的光可以精确的控制 具有高的功率 多模光纤 以 LED

    2026年3月26日
    2
  • 【MySQL优化】——看懂explain

    【MySQL优化】——看懂explainexplain nbsp nbsp nbsp nbsp explain 模拟优化器执行 SQL 语句 在 5 6 以及以后的版本中 除过 select 其他比如 insert update 和 delete 均可以使用 explain 查看执行计划 从而知道 mysql 是如何处理 sql 语句 分析查询语句或者表结构的性能瓶颈 作用 1 表的读取顺序 2 数据读取操作的操作类型 3 哪些索引可以使用 4

    2026年3月17日
    2
  • RStudio安装Rtools[通俗易懂]

    RStudio安装Rtools[通俗易懂]Rtools不能通过常规install.packages()命令进行安装,需要通过installr包进行安装install.packages(“installr”)install.packages(“stringr”)###依赖包library(stringr)library(installr)注:其他的GUI(SuchAs:R,’Rtools’,’RStudio’…

    2022年6月27日
    134
  • web端功能测试怎么测_web的主要功能是什么

    web端功能测试怎么测_web的主要功能是什么一、功能测试1.1链接测试链接是web应用系统的一个很重要的特征,主要是用于页面之间切换跳转,指导用户去一些不知道地址的页面的主要手段,链接测试一般关注三点:1)链接是否按照既定指示那样,确实链

    2022年8月1日
    12
  • securecrt乱码怎么解决(jsp乱码如何解决)

    问题描述SecureCRT与SecureFX的常规选项里面已经设置成了UTF-8,但是在SecureCRT中新建的中文文件夹,在SecureFX里面仍是乱码查看服务器编码查看linux的编码,修改为自己需要的,本文将已UTF-8为例进行说明。修改Linux服务器的配置文件:[root@iitshare~]#vi/etc/sysconfig/i18n如果安装

    2022年4月10日
    48
  • 连接器工具错误lnk2019_2019年十大语文错误

    连接器工具错误lnk2019_2019年十大语文错误已编译的函数的函数对符号进行引用或调用,但是链接器在要链接的任何库或对象文件中都找不到符号定义。此错误消息后跟严重错误LNK1120。若要修复错误LNK1120,必须先修复所有LNK2001和LNK2019错误。

    2026年4月16日
    7

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号