博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信H5页面 会被软键盘顶起来
阅读量:6883 次
发布时间:2019-06-27

本文共 574 字,大约阅读时间需要 1 分钟。

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

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

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

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

 

 

解决方法:

方法一:

$(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

你可能感兴趣的文章
谢烟客---------Linux之find查找
查看>>
windows下tomcat 发布多个web项目(多个域名,同一ip)
查看>>
日志模块和错误管理模块均已发布
查看>>
【腾讯Bugly经验分享】程序员的成长离不开哪些软技能?
查看>>
adsl工具
查看>>
zabbix 的报错sock报错
查看>>
【C语言】str类与men库函数的实现(如:strcpy,strcmp,strstr,strcat,memmove,memcpy)
查看>>
Linux centos PXE无人值守安装 DHCP+TFTP+FTP+Kickstart
查看>>
Chrome扩展:让你使用浏览器打开Office文件
查看>>
聊聊spring cloud netflix的HystrixCommands
查看>>
聊聊openmessaging-java
查看>>
arp欺骗
查看>>
12.13 Nginx防盗链 12.14 Nginx访问控制 12.15 Nginx解析php相关配
查看>>
你绝对想不到,居然可以用Word给长短不一的文本数字组合补0
查看>>
MySQL主从复制与读写分离
查看>>
从网卡发送数据再谈TCP/IP协议—网络传输速度计算-网卡构造
查看>>
android R文件丢失(R.java was modified manually! Reverting to generated version!)
查看>>
The Definitive Guide to Drupal 7
查看>>
部署ffmpeg及amr转mp3方法
查看>>
如何获取重载函数的地址 - 回复 "flq_00000" 的问题
查看>>