view垂直滚动时与上面的元素重叠

<--这是第一个元素-->  
<view class="tab-wrap">  
    <view class="group-list">  
        <view v-for="item in groupList" :key="item.id" class="group-div"  
        :class="{ selected: item.id === selectedId }" @click="selectGroup(item.id)">  
            <view :class="{ 'text-selected': item.id === selectedId }">{{ item.name }}</view>  
        </view>  
        </view>  
</view>  

<--这是第二个元素-->  
<view class="device-wrap">  
    <view class="content-wrap">  
        <view class="item-wrap" v-for="(device, index) in deviceList" :key="index">   
                        .....  
                 </view>  
        </view>  
</view  

当第二个元素中的子元素太多,就需要进行垂直滚动,此时滚动第二个元素的高度就会溢出,第一个元素没有背景色的情况下,就会与第一个元素重叠,可以给第一个元素加一个背景色

.group-list {  
     background-color: #fff;  
}

这样第二个元素的元素在垂直向上滚动的时候就不会与第一个元素重叠了