ansel1
ansel1
  • 发布:2016-03-02 11:10
  • 更新:2016-08-18 17:13
  • 阅读:2157

软键盘隐藏后布局显示不正确

分类:HBuilder

页面主要是评论显示区域和底部input输入框,评论区域的高度是根据不同手机高度动态计算设置,刚好把input挤到底部。在软键盘打开时,当input失去焦点,键盘隐藏后页面整体的向下移动,页面顶部空出一块白色区域,用手向上滑动一下就恢复了。后来发现只要页面整体的产生了滑动,哪怕多1px就可以正常的隐藏输入键盘且页面显示正常,或者当点击input区域,打开软件盘后,等待右侧滚动条消失,之后再隐藏软键盘,布局才能显示正确。整个过程html结构未动,但是里面内容错位了

2016-03-02 11:10 负责人:无 分享
已邀请:
ansel1

ansel1 (作者)

自己暂时解决了,可以使用
plus.webview.currentWebview().setStyle({
scrollIndicator: 'none'
});
关掉页面的滚动条

天才书生

天才书生

这个问题一直存在,不知道为什么还没官方的解决方式

天才书生

天才书生

我来消灭BUG一下,用CSS解决,在会错位的文件中加入,希望更多人知道

html,
body {
height: 100%;
margin: 1px 0 0 0;
}

该问题目前已经被锁定, 无法添加新回复