微信小程序-input或textarea 里输入的文字或者是placeholder里的值，飘到弹出view上

关注

VIP免费原创最新推荐文章于 2026-03-13 01:27:38 发布 9.2k 阅读 AI 写同款· GEO 优化 ›

微信小程序scroll-view优化：解决input和textarea滚动时placeholder飘移问题本文详细解析了微信小程序中scroll-view优化技巧，重点解决input和textarea滚动时placeholder飘移问题。通过改用scroll-view容器、CSS优化及动态控制等方案，有效提升表单滚动体验，适用于各类小程序开发场景。阅读详情

弹出view，input框文字飘到view上，如上图。

官方解释：

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1600

··········由于textarea是原生组件实现，层级最高，目前还无法支持在上面覆盖元素这样的交互设计。

既然如此我们就只能----绕着走了。

规避法，弹出view时，把input或者textarea组件移出屏幕，这样即可不挡屏幕。

给input或者textarea的view加上动态样式

<view class="li clear" style="margin-top:{
  
  {top}};">
      <view class="tit ">意向运价</view>
      <view class="rbox ">
        <input disabled="{
  
  {isDisabled}}"  class="col-gray" type="digit" name="pay" placeholder="请输入" />
      </view>
    </view>

margin的方向，任君选择。

弹出view时，将input