收藏
回答

页面添加水印后导致scroll-view滚动实效,该怎么处理?

水印代码 watermark.wxss

<canvas 
  type="2d"
  id="watermarkCanvas"
  style="position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1;"
  disable-scroll
></canvas>

页面代码 match.wxss

<watermark id="globalWatermark" />
<view class="title">......</view>
<scroll-view class="scroll-y" type="list" scroll-y>
......
</scroll-view>

整个页面可以点击并且上下滑动,scroll-view里面的按钮也能正常点击,就是这个scroll-view不能上下滑动了

回答关注问题邀请回答
收藏

3 个回答

  • 王旭东¼Completed²
    王旭东¼Completed²
    04-17
    <cover-view>
      <canvas class="canvas" type="2d" id="watermarkCanvas"></canvas>
    </cover-view>
    

    记录一下问题解决: 在canvas上增加<cover-view> 在手机上就可以正常滑动了。 虽然不知道原理。但是解决了。

    04-17
    有用
    回复 1
    • 王旭东¼Completed²
      王旭东¼Completed²
      04-18
      不过应用cover-view会导致水印晚于内容生成
      04-18
      回复
  • optimistic
    optimistic
    04-17

    水印组件遮住了吧 还不给滚动

    04-17
    有用
    回复 1
    • 王旭东¼Completed²
      王旭东¼Completed²
      04-17
      但是点击事件是可以的,就是滑动不行
      04-17
      回复
  • hello world
    hello world
    04-17

    代码片段发一下,看起来你实现的就是这个效果。

    04-17
    有用
    回复 1
    • 王旭东¼Completed²
      王旭东¼Completed²
      04-17
      04-17
      回复
登录 后发表内容