css中父元素fixd定位，overflow不生效

Question

html部分：

<view class="wifiList" v-if="arrowFleg===true">
						<view class="itemWifi flex ac" v-for="(item,index) in wifiList" :key="item.mac" @click="chooseOne(item)">
							{{item.ssid}}
						</view>
					</view>

css部分：

.wifiList {
		position: fixed;
		z-index: 99 !important;
		background-color: skyblue;
		width: 520rpx;
		height: 400rpx;
		overflow: auto;
		border-radius: 20rpx;
	}

	.itemWifi {
		width: 100%;
		height: 30rpx;
		background-color: #999;
		padding: 30rpx;
		margin-bottom: 10rpx;
	}

不会出现滚动条，也不会滚动

Answer 1

固定定位你要先告诉浏览器定位在哪里