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

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

javascript 复制代码
 <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,设置成一样的就可以了。

相关推荐
dy17171 小时前
element-plus表格默认展开有子的数据
前端·javascript·vue.js
一朵梨花压海棠go6 小时前
html+js实现表格本地筛选
开发语言·javascript·html·ecmascript
一只小风华~8 小时前
Vue: Class 与 Style 绑定
前端·javascript·vue.js·typescript·前端框架
十碗饭吃不饱8 小时前
net::ERR_EMPTY_RESPONSE
java·javascript·chrome·html5
Zz_waiting.8 小时前
Javaweb - 14.6 - Vue3 数据交互 Axios
开发语言·前端·javascript·vue·axios
每天吃饭的羊9 小时前
state和ref
前端·javascript·react.js
GEO_YScsn9 小时前
Vite:Next-Gen Frontend Tooling 的高效之道——从原理到实践的性能革命
前端·javascript·css·tensorflow
GISer_Jing9 小时前
滴滴二面(准备二)
前端·javascript·vue·reactjs
摇滚侠9 小时前
Vue3入门到实战,最新版vue3+TypeScript前端开发教程,笔记03
javascript·笔记·typescript
GISer_Jing10 小时前
滴滴二面准备(一)
前端·javascript·面试·ecmascript