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

相关推荐
前端Hardy17 分钟前
HTML&CSS: 谁懂啊!用代码 “擦去”图片雾气
前端·javascript·css
前端Hardy20 分钟前
HTML&CSS:好精致的导航栏
前端·javascript·css
一个不爱写代码的瘦子1 小时前
迭代器和生成器
前端·javascript
源猿人4 小时前
企业级文件浏览系统的Vue实现:架构设计与最佳实践
前端·javascript·数据可视化
RoyLin4 小时前
TypeScript设计模式:迭代器模式
javascript·后端·node.js
小桥风满袖6 小时前
极简三分钟ES6 - ES9中for await of
前端·javascript
编程贝多芬7 小时前
Promise 的场景和最佳实践
前端·javascript
Asort7 小时前
JavaScript 从零开始(四):基础语法详解——从变量声明到数据类型的完全指南
前端·javascript
木木jio7 小时前
前端大文件分片上传 —— 基于 React 的工程化实现
前端·javascript
Lotzinfly7 小时前
12个TypeScript奇淫技巧你需要掌握😏😏😏
前端·javascript·面试