HHHceo的博客

小老虎一枚

H5开发app页面,点击输入框或文本域弹出输入面板时,布局会被顶上去的解决办法
本人学的是android原生的,现在刚实习,公司本意呢想让新人学习下新技术就把我安排到开发android h5页面去了,虽然之前学过一点h5的知识,但是呢实际操作起来不如意啊。遇到这个问题时,我不知道怎么做啊,还是度娘吧,整理出了这个解决办法。
<script type="text/javascript">
            //            控制手机输入法弹出时,页面不会被顶起
                var height = document.documentElement.clientHeight || document.body.clientHeight;
                window.onresize = function() {
                    var heightView = document.documentElement.clientHeight || document.body.clientHeight;
                    if(heightView < height) {
                        plus.webview.currentWebview().setStyle({
                            height: height
                        });
                        //修改父页面高度的时候,也要修改子页面的高度  因为子页面距离父页面底部始终是51px  所以这里只需要用父                             页面的高度减去51px,就是子页面的高度
                        plus.webview.getWebviewById('index_aKeyNavigation.html').setStyle({
                            height: (height * 1 - 51)
                        });
                    }
                }
  </script>
阅读更多
文章标签: android h5
个人分类: Android
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

H5开发app页面,点击输入框或文本域弹出输入面板时,布局会被顶上去的解决办法

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭