框架类型 | 问题类型 | API/组件名称 | 终端类型 | 微信版本 | 基础库版本 |
---|---|---|---|---|---|
小程序 | Bug | webview | 微信安卓客户端 | 8.0.32 | 2.30.0 |
webview中的h5 页面,固定在底部的input框聚焦时会被键盘遮挡,input框使用fixed定位在底部,或者页面高度为100vh的absolute定位在底部,皆有问题
网友回复
微盟:
解决办法:只需要在公共样式加入下面这行代码
*{ -webkit-overflow-scrolling: touch;}
-webkit-overflow-scrolling:touch是什么?
MDN上是这样定义的:
-webkit-overflow-scrolling
属性控制元素在移动设备上是否使用滚动回弹效果.auto
: 使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。touch
: 使用具有回弹效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。