微信小程序 Vant Weapp中的field组件,placeholder上移问题
直接在最外层使用scroll-view包裹。
·
问题说明:点击输入框,软键盘弹出之后,导致输入框placeholder上移,并且输入字段也存在上移情况,如下图:
解决问题说明:
- 先确认页面是否有上下滚动的需求,没有的话可能是页面添加了 height:100vh 的属性,将该属性删掉即可
- 如果有上下滚动的需求,并且使用的是overflow属性通过scroll-y来让页面上下滚动,这是出现该问题的主要原因。解决办法:直接在最外层使用scroll-view包裹就解决了问题,上代码:
<scroll-view style="height:99.99%;width:100%;box-sizing:border-box;padding:0;" scroll-y="true">
<!-- 自己的页面代码 -->
</scroll-view>
更多推荐
已为社区贡献1条内容
所有评论(0)