微信小程序 - 弹出键盘遮挡住输入框 textarea
时间: 2023-07-13 15:09:59 浏览: 213
要解决这个问题,你可以在小程序页面的 JSON 配置文件中添加一个 window 属性,设置页面的可视区域。例如:
```
{
"navigationBarTitleText": "页面标题",
"enablePullDownRefresh": true,
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "页面标题",
"enablePullDownRefresh": true,
"onReachBottomDistance": 50
}
}
```
其中,onReachBottomDistance 表示当页面滚动到距离底部 50px 的时候触发触底事件。
另外,你还可以在 textarea 的 focus 事件中,通过调用 wx.pageScrollTo() 方法,将页面滚动到 textarea 所在的位置,以便用户可以看到输入框。例如:
```
<view>
<textarea bindfocus="onTextAreaFocus"></textarea>
</view>
Page({
onTextAreaFocus() {
wx.pageScrollTo({
selector: '.textarea',
duration: 300
})
}
})
```
这里的 .textarea 是指输入框所在的元素的 class,可以根据实际情况进行修改。
阅读全文