html页面在手机中点击输入框调出键盘页面内容上移的粗暴解决办法
2017-02-10 13:49
351 查看
在混合开发中遇到的问题,就是h5页面在手机中,点击出来模态框,点击了模态框中的输入框时候会调出手机键盘,这时候模态框会上移,尺寸也会变小,具体原因不是很清楚,但是由于是移动开发,页面的宽度和高度都是以百分比布局的,所以,讲页面的高度写成固定高度便可以简单粗暴解决这个问题,当然, 需要修改的只是当焦点落在输入框的时候的模态框的高度,所以要通过js来实现;
下面是对应的js代码
<script>
$('#note').on("focus", function(){
$('.model2').css("height","200px");
$('.model2').css("margin-top","-20%");
$('#ff').css("margin-top","5%");
}
)
</script>
<楼盘库2017-2-10,代码11-28>
下面是对应的js代码
<script>
$('#note').on("focus", function(){
$('.model2').css("height","200px");
$('.model2').css("margin-top","-20%");
$('#ff').css("margin-top","5%");
}
)
</script>
<楼盘库2017-2-10,代码11-28>
相关文章推荐
- [Cordova/Phonegap] Cordova iOS 应用在第三方输入法的键盘弹出(点击输入框)时,页面不上移,导致输入框被键盘遮挡 的解决办法
- 安卓下点击a标签不跳转;点击a标签在手机真机上会调出手机键盘的解决办法
- IPhone手机页面中点击文本输入框,弹出键盘,网页会放大,如何解决
- 点击HTML表单链接后,禁止页面跳到顶部的解决办法
- Android的WebView加载的Html输入框被手机键盘挡住解决
- 创建手机页面弹出键盘的时候背景图片被挤上去的解决办法
- android中点击输入框时整个布局被上移的解决办法
- 在导航栏里,点击节点,触发页面刷新,重新读取数据库,并重新进行控件内容绑定,速度很慢,如何解决
- ASP静态化后,静态html页面点击计数解决方法
- Asp.net MVC 3 Razor 视图引擎 中使用@输出的内容都会被自动进行HTML编码 问题的解决办法
- 在FF中浏览本地HTML页面,该页面中的js未加载远程数据的解决办法。
- 安装SSL证书后,解决混合内容造成页面错误提示的处理办法
- html中input里type为radio、checkbox、file在页面显示可用点击则无效果解决思路
- 在页面中使用updatePanel和freeTextBox时,当页面刷子新后,ftb不能输入内容的解决办法
- iReport4.5.1、Struts2.2.3生成Html文档时页面红叉叉的解决办法。
- 页面内容显示不全问题的解决办法
- ios输入框被键盘挡住的解决办法
- 关于在页面中点击实现连接到QQ的解决办法
- jQuery在异步请求数据返回后,调用$("selector").html(data.content);之后因为一些特殊字符或者',"不能显示内容的问题解决办法
- Heroku上Toto加载HTML页面不全问题解决办法