van-popup滑动卡顿并且在有时候在ios上经常性滑动卡顿的情况

最新推荐文章于 2024-04-10 20:40:13 发布

yyhh~

最新推荐文章于 2024-04-10 20:40:13 发布

阅读量914

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/m0_60067558/article/details/134461844

版权

解决”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">
              <div
                v-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，设置成一样的就可以了。