/* 隐藏滚动条 */
body::-webkit-scrollbar {
  width: 0.5rem; /* 设置滚动条宽度 */
}

/* 滚动条轨道 */
body::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* 设置滚动条轨道背景色 */
}

/* 滚动条滑块 */
body::-webkit-scrollbar-thumb {
  background-color: #888; /* 设置滚动条滑块颜色 */
}

/* 滚动条滑块悬停状态 */
body::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* 设置滚动条滑块悬停状态颜色 */
}

<template>
  <div v-scroll="handleScroll">
    <!-- 页面内容 -->
  </div>
</template>

<script>
export default {
  methods: {
    handleScroll() {
      // 在滚动时执行相应的操作，如调整页面布局
    }
  }
}
</script>