H5蒙层上的输入框,被键盘挡住_HLY丶hly的博客-程序员宅基地

关于h5蒙层上得输入框被手机软键盘挡住解决方案:
让遮罩层可以滑动

html
<div class="zt_body">
	<div>内容...</div>
	<div class="mask">遮罩层</div>
	<button class="btn">弹出</button>
</div>
css
.mask{
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:rgba(0,0,0,0.6);
	display:none;
}

***注意不要用fixed定位

script
引入的jquery
$(".btn").click(function){
	var height=$(window).height();
	$(".mask").css({"display":"block","height":height});
	$(".zt_body").css("overflow","hidden");
}


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_35431814/article/details/84646539

智能推荐

每天都在支付,你真的了解信息流和资金流?_hope lucky的博客-程序员宅基地_资金流和信息流

每天都在支付,你真的了解信息流和资金流?版权声明:本博客所有文章归武汉福禄网络科技有限公司所有,欢迎转载,转载请注明出处。作为一个财务类的产品经理,除了每天被财务“虐待”千百遍,还需要对整个资金流向很清楚:钱给谁,怎么给,怎么做逆向流程,谁参与容错等。财务很在意资金的流转安全,但又极不愿意花时间关注它。诸如此类:“我只是想要加个款”,“什么,钱流转出了问题?”,”还要我去操心?“做财务系统就不得不谈资金流和信息流。在支付系统设计,以及支付渠道、资金托管方案的选取上有重要作用。 搞清楚资金流与信

排序算法 | 珠排序(bead sort)详解 Python实现_edclol的博客-程序员宅基地_bead sort

01 什么是bead sort(珠排序)?这是一种自然排序算法,类似于算盘纵向平行柱上面的珠子,纵向平行柱的数量代表待排序数字的最大值,每根柱子上面的柱子数量代表待排序数个数(如待排序数组L = [1, 5, 3, 2, 7, 4],则需要纵向平行柱m=7,每根柱子珠子数量n=6),然后珠子会在重力作用下自由降落。然而这个算法在真实实现时性能比较『拉夸』,最好情况下时间复杂度为O(n^2),而且只能对正整数进行排序。02 算法流程待排数组[6 2 4 1 5 9](图A),让所有珠子在重力作用下

TLD(Tracking-Learning-Detection)一种目标跟踪算法_weixin_30662539的博客-程序员宅基地

  原文:http://blog.csdn.net/mysniper11/article/details/8726649  视频介绍网址:http://www.cvchina.info/2011/04/05/tracking-learning-detection/  TLD(Tracking-Learning-Detection)是英国萨里大学的一个捷克籍博士生Zdenek Ka...

分享一个java实现的https的server demo_清霄的博客-程序员宅基地

https服务器package bing;import java.io.BufferedReader;import java.io.FileInputStream;import java.io.InputStream;import java.io.InputStreamReader;import java.io.OutputStream;import java.io.Outpu...

Apache CXF学习 - SOAP Handler的使用_weixin_34163741的博客-程序员宅基地

引入:我们已经用前2篇的文章用2种方法创建了web service的endpoint并且对外提供服务。现在我们假设要对来往的消息进行处理,而这些处理应该和我们业务代码正交(也就是AOP,比如我们要吧消息写入日志,或者区分是去web service站点的请求消息还是从web service站点返回的相应消息),为了满足这个需求,我们可以利用SOAPHa...

ReSharper C++计划上市_weixin_30396699的博客-程序员宅基地

ReSharper是著名的VS代码生成工具,去年夏天,JetBrains公司就发布了ReSharper将推出支持C++的版本。ReSharperC++EAP(EarlyAccessProgram)版本,已经被1200名开发者订阅或试用。这些开发者提交了大量的信息来改进和提高ReSharperC++EAP版本。目前ReSharperC++EAP的功能支持如下:支...

随便推点

DNS域名解析流程_weixin_33777877的博客-程序员宅基地

DNS基本概念 根域根域即常说的“.”,如百度网址www.baidu.com,其真实域名应该是www.baidu.com.(最后有一点),但为了方便,一般在浏览器输入时会省略后面的点,这现在也已经成为了用户的习惯。根域服务器具有13个IP地址,但机器数量却不是13台,因为这些IP地址借助了任播的技术,所以可以在全球设立这些IP的镜像站点,用户访问到的这个IP并不是唯一的那台主...

三、使用maven创建scala工程(scala和java混一起)_weixin_33912246的博客-程序员宅基地

本文先叙述如何配置eclipse中maven+scala的开发环境,之后,叙述如何实现spark的本地运行。最后,成功运行scala编写的spark程序。 刚开始我的eclipse+maven环境是配置好的。系统:win7eclipse版本:Luna Release(4.4.0)maven是从EclipseMarket中安装的,如图1。当初构建eclipse+maven环境...

Javascript 深度克隆中的循环引用问题解决和代码优化_懒人Ethan的博客-程序员宅基地_js对象循环引用会导致什么问题

概要在前端项目开发中,我们经常需要深度克隆JS对象。在克隆代码开发过程中,我们经常会遇到数组判定方法的问题,对象循环引用的问题。本文通过实例来解决上述问题代码及实现常见深度克隆JS对象的代码function deepClone(origin){ if (origin == undefined || typeof origin !== "object"){ return origin; } if (origin instanceof Date){

如何创建和使用Web服务(转)_csdn产品小助手的博客-程序员宅基地

作者:孟宪会 出自:【孟宪会之精彩世界】 发布日期:2003年6月18日简介.NET最强大的一个方面之一就是可以利用它创建Web服务。一个Web服务就是一个网站所提供的供其它网站调用的外部接口。举个例子来说,某个金融公司可以为与它的贸易伙伴通过Web服务提供详细的股票报价,这些信息可以是通过Web页面进行读取和显示的,也可以是...

详述Spring框架中的事务_AnFooo的博客-程序员宅基地

目录一、为什么使用事务二、如何使用事务三、@Transactional常用属性1.timeout2.readOnly3.rollbackFor4.propagation一、为什么使用事务如下代码模拟用户购买一定数量的图书,支付时的场景:当用户选择购买数量后,点击立即购买,来到如下的coupon模块中生成订单的insert方法首先调用book模块中的eno...