微信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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 在配置maven的阿里镜像遇到的问题

    在配置maven的阿里镜像遇到的问题

  • Prometheus➕Grafana监控MySQL性能

    Prometheus➕Grafana监控MySQL性能

  • Java工程师要求_工程师到高级工程师要几年

    Java工程师要求_工程师到高级工程师要几年从事java后端开发4年及以上,具有根据业务需求进行独立设计的能力 熟练使用Spring及SpringMVC开发 熟练使用常用持久层框架Mybatis\Hibernate 熟悉java多线程及并发线程池使用 熟练使用Mysql基本操作,有一定sql优化经验 有使用Memcached/redis框架其中之一进行缓存开发的经验 会简单使用js/jquery等常用功能进行前端页面开发  、本科及以上学历…

  • 长尾分布数据_厚尾分布

    长尾分布数据_厚尾分布长尾分布数据11.什么是长尾分布数据长尾分布数据是一种偏态分布,是指几个类别(亦叫头类)包含大量的样本,而大多数类别(亦叫尾类)只有非常少量的样本。类似这样的数据集会使得深度学习网络在头部类中表现良好,在尾部类中效率不高,整体的识别精度显著下降。2.解决办法大多数研究者通过不平衡学习策略来解决长尾识别问题,主要分为两类:数据级方法和算法级方法。数据级方法数据水平的策略包括尾部类过采样,头部类欠采样,以及其他新的抽样方法。所以解决手段主要着力于如何对数据进行抽样。这种方法存在的问题是,过采

    2022年10月23日
  • WinHTTP Web Proxy Auto-Discovery Service 服务处于 停止 状态「建议收藏」

    WinHTTP Web Proxy Auto-Discovery Service 服务处于 停止 状态「建议收藏」WinHTTPWebProxyAuto-DiscoveryService服务处于停止状态还有,我的服务器没有使用WEB代理和防火墙客户端。但是有一天早上来发现全部电脑都无法上网。PINGISA都不通。重新启动后正常。我检查系统日志里面有3条关于WEB代理的日志:1。TheWinHTTPWebProxyAuto-DiscoveryServicehas…

  • linux防火墙(firewall、iptable)

    linux防火墙(firewall、iptable)一、iptables防火墙1、基本操作#查看防火墙状态serviceiptablesstatus#停止防火墙serviceiptablesstop#启动防火墙serviceiptablesstart#重启防火墙serviceiptablesrestart#永久关闭防火墙chkconfigiptablesoff…

发表回复

您的电子邮箱地址不会被公开。

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