问题说明:点击输入框,软键盘弹出之后,导致输入框placeholder上移,并且输入字段也存在上移情况,如下图:

解决问题说明:

  1. 先确认页面是否有上下滚动的需求,没有的话可能是页面添加了 height:100vh 的属性,将该属性删掉即可
  2. 如果有上下滚动的需求,并且使用的是overflow属性通过scroll-y来让页面上下滚动,这是出现该问题的主要原因。解决办法:直接在最外层使用scroll-view包裹就解决了问题,上代码:
<scroll-view style="height:99.99%;width:100%;box-sizing:border-box;padding:0;" scroll-y="true">
<!-- 自己的页面代码 -->
</scroll-view>

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐