当前位置:   article > 正文

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

h5安卓点击输入框会占用页面高度

学的是android原生的,现在刚实习,公司本意想让新人学习下新技术就把我安排到开发android h5页面去了,虽然之前学过一点h5的知识,但是实际操作起来不如意啊。遇到这个问题时,我不知道怎么做啊,还是度娘吧,整理出了这个解决办法。

  1. <script type="text/javascript">
  2. // 控制手机输入法弹出时,页面不会被顶起
  3. var height = document.documentElement.clientHeight || document.body.clientHeight;
  4. window.onresize = function() {
  5. var heightView = document.documentElement.clientHeight || document.body.clientHeight;
  6. if(heightView < height) {
  7. plus.webview.currentWebview().setStyle({
  8. height: height
  9. });
  10. //修改父页面高度的时候,也要修改子页面的高度 因为子页面距离父页面底部始终是51px 所以这里只需要用父 页面的高度减去51px,就是子页面的高度
  11. plus.webview.getWebviewById('index_aKeyNavigation.html').setStyle({
  12. height: (height * 1 - 51)
  13. });
  14. }
  15. }
  16. </script>

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/321456
推荐阅读
  

闽ICP备14008679号