overflow:auto手机端无法滑动,在需要滑动的盒子上添加下面代码

来啦来啦~

已于 2025-01-23 13:42:41 修改

阅读量116

点赞数 3

文章标签： javascript

于 2025-01-22 17:39:44 首次发布

本文链接：https://blog.youkuaiyun.com/qq_43483403/article/details/145307949

版权

  <div class="award-list"
            ref="awardlistbox"
            @mousedown="startDrag"
            @touchstart="startDrag"
            @mousemove="onDrag"
            @touchmove="onDrag"
            @mouseup="endDrag"
            @touchend="endDrag"
             @wheel="onWheelScroll"
            >
        <div
          class="award-list-item"
          v-for="(item, index) in this.pushRecordsList"
          :key="index">
         ........
          </div>
     
    </div>
------------------
 data() {
    return {
        isDragging: false,
        startY: 0,
        scrollTop: 0,
    };
  },
methods: {
    startDrag(event) {
      this.isDragging = true;
      this.startY = event.touches ? event.touches[0].clientY : event.clientY;
      this.scrollTop = this.$refs