网站模板生成榜单设计

解决”pc端页面可以滚动，移动端手势无法滚动“问题的一次经历 - 掘金

 <van-popup v-model="studentclassShow" :lock-scroll="false" position="bottom" style="z-index: 3000" :style="{ height: '55%' }"><div class="gradecontent"><div class="toptitle" style="padding: 0.34rem">班级<img class="icon_x" @click="studentclassShow = false" src="../../../../../assets/xx.png" alt="" /></div><div class="content_box" style="padding-top: 1rem"><div class="detail"><!-- <div class="detail_title">{{ item.title }}</div> --><div class="detail_content"><divv-for="item in classesDict":class="{ checkedclass: selectedclass == item.value }":key="item.value"class="detail_box"@click="checkedclassitem(item)">{{ item.studentClass }}</div></div></div></div><div class="btn_box"><div class="submit-btn" @click="confimclass()">确定</div></div></div></van-popup>

:lock-scroll="false"加了这个属性就可以了具体去看官网。

然后苹果手机卡顿情况是pop里层的设置的z-index大于了pop本身的默认z-idenx2008，设置成一样的就可以了。