[Applet de WeChat] la vista de desplazamiento y la fija no se pueden mezclar

Al implementar los requisitos hoy, encontré un error:

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

La estructura html es como la anterior. Se corrigió la imagen de fondo y se realizó el deslizamiento hacia arriba y hacia abajo.

En este punto, encontrará que algunas áreas no se pueden deslizar hacia arriba y hacia abajo

solución:

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

Establezca el cuadro principal de la capa y agregue una capa de máscara en el mismo nivel

Supongo que te gusta

Origin blog.csdn.net/MinfCONS/article/details/122833486
Recomendado
Clasificación