页面主要是评论显示区域和底部input输入框,评论区域的高度是根据不同手机高度动态计算设置,刚好把input挤到底部。在软键盘打开时,当input失去焦点,键盘隐藏后页面整体的向下移动,页面顶部空出一块白色区域,用手向上滑动一下就恢复了。后来发现只要页面整体的产生了滑动,哪怕多1px就可以正常的隐藏输入键盘且页面显示正常,或者当点击input区域,打开软件盘后,等待右侧滚动条消失,之后再隐藏软键盘,布局才能显示正确。整个过程html结构未动,但是里面内容错位了
ansel1
- 发布:2016-03-02 11:10
- 更新:2016-08-18 17:13
- 阅读:2277
3 个回复
ansel1 (作者)
自己暂时解决了,可以使用
plus.webview.currentWebview().setStyle({
scrollIndicator: 'none'
});
关掉页面的滚动条
天才书生
这个问题一直存在,不知道为什么还没官方的解决方式
天才书生
我来消灭BUG一下,用CSS解决,在会错位的文件中加入,希望更多人知道
html,
body {
height: 100%;
margin: 1px 0 0 0;
}