手机wap页面表单被键盘遮挡的一个解决方法
2015-08-21 10:34
531 查看
解决思路通过window.innerHeight和window.onresize解决
//参考代码 var ih=window.innerHeight; window.onresize=function(){ var _form=document.getElementById('form'); if (window.innerHeight<ih) { _form.style.marginTop='55px'; }else{ _form.style.marginTop='0'; }; }
//如果大家喜欢使用jquery var ih=window.innerHeight; $(window).resize(function(event) { if (window.innerHeight<ih) { $('#form').css({'margin-top':'55px'}); }else{ $('#form').css({'margin-top':'0'}); }; });
相关文章推荐
- 在线用表单建立文件夹
- Jquery 表单取值赋值的一些基本操作
- javascript 表单的友好用户体现
- js 提交和设置表单的值
- 攻克CakePHP系列二 表单数据显示
- JavaScript获取页面中表单(form)数量的方法
- 网页中表单按回车就自动提交的问题的解决方案
- js实现不提交表单获取单选按钮值的方法
- JavaScript实现重置表单(reset)的方法
- JavaScript实现同一页面内两个表单互相传值的方法
- JS中表单的使用小结
- 封装好的一个万能检测表单的方法
- javascript创建动态表单的方法
- JS+DIV+CSS实现仿表单下拉列表效果
- JQuery对表单元素的基本操作使用总结
- jquery表单对象属性过滤选择器实例分析
- JQuery表单验证插件EasyValidator用法分析
- jquery实现Ctrl+Enter提交表单的方法
- 基于jQuery实现的文字按钮表单特效整理
- jquery控制表单输入框显示默认值的方法