页面滚动条去除Scroll

 1.问题描述 

Vue项目中页面需要去除滚动条问题

2.解决方案 

找到Vue项目中的index.html文件，加入样式

<style>
  #app {
    overflow-y: scroll;
    height: calc(100vh - 20px);
    max-height: 100%;
  }

  #app::-webkit-scrollbar {
    width: 0;
    /* 隐藏滚动条宽度 */
  }

  /* 可选：隐藏滚动条轨道 */
  #app::-webkit-scrollbar-track {
    display: none;
  }

  /* 可选：隐藏滚动条滑块 */
  #app::-webkit-scrollbar-thumb {
    display: none;
  }
</style>

3.最终效果