手机上怎样弹出输入框时不会遮挡屏幕内容

最新推荐文章于 2019-05-06 14:30:09 发布

weixin_33826609

最新推荐文章于 2019-05-06 14:30:09 发布

阅读量251

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/yxmBetter/blog/968548

版权

2019独角兽企业重金招聘Python工程师标准>>>

直接上代码：

//不遮挡输入框
//不遮挡输入框
		if(/Android [4-6]/.test(navigator.appVersion)) {
			window.addEventListener("resize", function() {
				if(document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA") {
					window.setTimeout(function() {
						document.activeElement.scrollIntoViewIfNeeded();
					}, 0);
				}
			})
		};

如果底部有工具栏，可以添加如下代码：

 <script type="text/javascript">
        document.write( '<style>#footer{visibility:hidden}@media(min-height:' + ($( window ).height() - 10) + 'px){#footer{visibility:visible}}</style>' );
    </script>

转载于:https://my.oschina.net/yxmBetter/blog/968548