水印代码 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不能上下滑动了
<cover-view> <canvas class="canvas" type="2d" id="watermarkCanvas"></canvas> </cover-view>
记录一下问题解决: 在canvas上增加<cover-view> 在手机上就可以正常滑动了。 虽然不知道原理。但是解决了。
水印组件遮住了吧 还不给滚动
代码片段发一下,看起来你实现的就是这个效果。
<scroll-view class="scroll-y" type="list" scroll-y>
<view class="histatk">
<view class="status" wx:for="{{siege}}" wx:for-item="key" wx:key="key" bind:tap="teamClick" data-team="{{key.team}}" data-url="{{key.url}}" data-uid="{{key.uid}}">
<view class="{{['status-green','status-yellow','status-red'][((key.r>=80)&(key.r<90))*1+(key.r>=90)*0+(key.r<80)*2]}}">
<view class="status-image">
<team bind:histaction="histaction" url="{{key.url}}" team="{{key.team}}" uid="{{key.uid}}" size="40"></team>
</view>
<view class="table">{{key.w}}</view>
<view class="table">{{key.l}}</view>
<view class="table">{{key.a}}</view>
<view class="table">{{key.r}}</view>
</view>
</view>
</view>
</scroll-view>
<watermark id="globalWatermark" />