uni,H5页面,解决软键盘弹起页面被挤压、被往顶的问题
具体问题我是一个全屏的H5页面,高度用的是100vh,全屏 = 页面。input输入框固定在底部,input聚焦时软键盘弹出,安卓时页面被压缩,变成了全屏 = 页面 + 软键盘,页面就变形了。ios是整个页面会被往上顶,发生滚动。解决办法第一步:解决页面被压缩、往上顶问题测试发现,当iput框位置高于软键盘弹出的位置时页面不会被挤压、往上顶,而input聚焦的操作先于软键盘弹出,所以当input聚焦时使input的位置高于软键盘弹出位置。这时如果不做任何操作的话,input框的位置是有问题的,
原创
2020-12-17 10:45:41 ·
11449 阅读 ·
1 评论