小程序踩坑(一)

248 阅读1分钟

textarea层级太高,透过了模态框

// 场景: 表单带有文本域,然后提交成功后的模态框,居然映出了文本域的内容
// 方法一 最偷懒的方法 弹窗显示隐藏文本域
// 方法二 替身术 保证展示效果
<view class="textarea-wrp">
    <textarea id="text-area" value="{{txtContent}}" bindinput='txtInput' bindlinechange="textAreaLineChange" wx:if="{{!showMask}}" auto-height />
    <view class='rich-text' style="{{('height:' + txtHeight + 'px')}}" wx:else>
      <rich-text nodes="{{txtRealContent}}"></rich-text>
    </view>
</view>

模态框中canvas层级太高 会随着屏幕的滚动而滚动

解决方法: 禁用整个视口的滚动事件即可