[WeChatアプレット]スクロールビューと修正済みを混在させることはできません

今日要件を実装するときに、バグが発生しました。

<scroll-view scroll-y="{
     
     {true}}">
	<image src="..." style="position:fixed"/>
	<view wx:for="..." style="z-index:1"></view>
</scroll-view>

htmlの構造は上記のとおりです。背景画像を修正し、上下にスライドすることを実現しました。

この時点で、一部の領域を上下にスワイプできないことがわかります

解決：

<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>

レイヤーの親ボックスを設定し、同じレベルでマスクレイヤーを追加します