当前位置: 首页 > news >正文

手机点击输入框时,当键盘弹起,界面上弹,键盘收起,界面下来

var wHeight = window.innerHeight; //获取初始可视窗口高度
window.addEventListener('resize', function(){ //监测窗口大小的变化事件
var hh = window.innerHeight; //当前可视窗口高度
ar viewTop = $(window).scrollTop(); //可视窗口高度顶部距离网页顶部的距离
if(wHeight > hh){ //可以作为虚拟键盘弹出事件
$(".content").animate({scrollTop:viewTop+100}); //调整可视页面的位置
}else{ //可以作为虚拟键盘关闭事件
$("content").animate({scrollTop:viewTop-100});
}
wHeight = hh;
});

转载于:https://blog.51cto.com/3928405/2154653

相关文章:

  • Python 偏函数 partial function
  • php课程 12-41 多态是什么
  • 设计模式快速学习(三)单例模式
  • hadoop实操篇:hadoop基础教程汇总
  • python2.7用socks和socket设置代理
  • 关于VS2017编译UE4项目,输出窗口有乱码的解决方案
  • Java全栈程序员之01:做个Linux下的程序猿
  • 如何靠谱地查到Tomcat的版本
  • Maven根据pom文件中的Profile标签动态配置编译选项
  • openlayers+geoserver+wms实现空间查询,属性查询
  • 关于 HandlerMethodArgumentResolver 类 以及 WebArgumentResolver 类 自定义解析参数
  • vue.js有什么用,是用来做什么的(整理)
  • Redis字符串类型内部编码剖析
  • HAPkendoUI的Excle导出
  • js 和 css动画
  • 【EOS】Cleos基础
  • 2019年如何成为全栈工程师?
  • CentOS 7 防火墙操作
  • create-react-app项目添加less配置
  • Essential Studio for ASP.NET Web Forms 2017 v2,新增自定义树形网格工具栏
  • HomeBrew常规使用教程
  • Javascript Math对象和Date对象常用方法详解
  • JavaScript/HTML5图表开发工具JavaScript Charts v3.19.6发布【附下载】
  • Js实现点击查看全文(类似今日头条、知乎日报效果)
  • mongo索引构建
  • mysql常用命令汇总
  • SpiderData 2019年2月13日 DApp数据排行榜
  • STAR法则
  • uni-app项目数字滚动
  • 给初学者:JavaScript 中数组操作注意点
  • 原生js练习题---第五课
  • 终端用户监控:真实用户监控还是模拟监控?
  • linux 淘宝开源监控工具tsar
  • 测评:对于写作的人来说,Markdown是你最好的朋友 ...
  • #HarmonyOS:Web组件的使用
  • #mysql 8.0 踩坑日记
  • (4)Elastix图像配准:3D图像
  • (env: Windows,mp,1.06.2308310; lib: 3.2.4) uniapp微信小程序
  • (HAL)STM32F103C6T8——软件模拟I2C驱动0.96寸OLED屏幕
  • (rabbitmq的高级特性)消息可靠性
  • (Ruby)Ubuntu12.04安装Rails环境
  • (附源码)小程序 交通违法举报系统 毕业设计 242045
  • (黑马出品_高级篇_01)SpringCloud+RabbitMQ+Docker+Redis+搜索+分布式
  • *_zh_CN.properties 国际化资源文件 struts 防乱码等
  • .NET 的程序集加载上下文
  • .Net 中的反射(动态创建类型实例) - Part.4(转自http://www.tracefact.net/CLR-and-Framework/Reflection-Part4.aspx)...
  • /proc/stat文件详解(翻译)
  • @EnableAsync和@Async开始异步任务支持
  • [ Linux ] Linux信号概述 信号的产生
  • [120_移动开发Android]008_android开发之Pull操作xml文件
  • [CISCN2019 华东北赛区]Web2
  • [CLR via C#]11. 事件
  • [CSAWQual 2019]Web_Unagi ---不会编程的崽
  • [CSS]文字旁边的竖线以及布局知识
  • [datastore@cyberfear.com].Elbie、[thekeyishere@cock.li].Elbie勒索病毒数据怎么处理|数据解密恢复