HTML5的弹出菜单 html5弹出框

HTML5页面的弹出框,手机输入法打开后遮住了弹出框,如何解决?

解决方法 scrollIntoView(alignWithTop)：滚动浏览器窗口或容器元素，以便在当前视窗的可见范围看见当前元素。alignWithTop 若为 true，或者什么都不传，那么窗口滚动之后会让调用元素的顶部与视口顶部尽可能平齐。

成都创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站制作、成都网站建设、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的左贡网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

移动web聊天页面，输入框在底部的时候，点击输入，弹起软键盘，iOS在将页面推上的时候会回弹一下，导致键盘刚好遮挡到输入框。

安卓端解决input键盘弹出导致页面压缩变形的方法为：方法1：将元素设置成 static 或者 relative ，不要脱离文档流。

在这里当软键盘弹出的时候重新设置了下dialog的高度，因为有时候软键盘的弹出会使dialog的高度压缩，所以弹出的时候重新设置下就好了。

打开百度，在百度上搜索：易企秀，然后点击搜索，在搜索的结果中点击进入易企秀的guan 方网站。进入后，先登录自己的账号，可以直接用QQ微信登录即可，登录后就可以开始制作自己的手机网页微场景了。

建立三个网页，一个作为主页面，另外两个子页面作为切换页面嵌入主页面，子页面也可以用文字替代。

但里面的主界面其实是用Web页面实现的，在外面套个手机浏览器框架的壳儿，就成了手机APP应用，这种东西有很多框架可用，你在框架下设计页面，然后框架把你页面打包成手机应用，著名的框架比如：PhoneGap。

修改的就是那些top之类的，如下所示：从第一个变成第二个。。

1、比如手机震动（Android）；UIWebView的方式越来越常见了，那么就是WebView。

2、我们使用safari 浏览器 + ios手机的方式进行页面调试。打开safari浏览器，并使其处于窗口的最上层。

3、可以有效避免触发h5页面在ios浏览器内置的下拉bounce效果。

4、viewport 简单粗暴的方式：meta name=viewport content=width=320，maximum-scale=3，user-scalable=no 直接设置viewport为320px的3倍，将页面放大3倍。

5、有查到两种接近的情况：一是原生iOS有遇到这种问题，需要设置相关属性；二是有说移动端用fixed定位，ios会有问题。

6、注意：以上方法浏览器的自带的滚动也会被禁止用better-scroll 实现的滚动不会被禁止。

当前文章：HTML5的弹出菜单 html5弹出框
当前URL：http://6mz.cn/article/dgdcecs.html