今天实现需求时,遇到一个bug:
<scroll-view scroll-y="{{true}}">
<image src="..." style="position:fixed"/>
<view wx:for="..." style="z-index:1"></view>
</scroll-view>
html结构如上。固定背景image,且实现上下滑动。
此时会发现有些区域无法上下滑动
解决方案:
<scroll-view scroll-y="{{true}}">
<image src="..." style="position:fixed"/>
<view style="z-index:1">
<view class="遮罩层"></view>
<view wx:for="..."></view>
</view>
</scroll-view>
套层父盒子,且同级加个遮罩层即可