css隐藏滚动条但是可以继续滚动

CSS可以让你设置元素的滚动条看起来像是隐藏了，但实际上仍然允许内容滚动。这通常通过以下几种方式实现：

1. 使用`::-webkit-scrollbar`伪元素（针对Webkit内核浏览器如Chrome、Safari）:

   ::-webkit-scrollbar {
       width: 0; /* 隐藏滚动条宽度 */
       background: transparent; /* 隐藏滚动条颜色 */
   }

   ::-webkit-scrollbar-thumb {
       background: rgba(0, 0, 0, 0); /* 设置滚动条滑块透明度 */
   }
   
   ::-webkit-scrollbar-thumb:hover {
       background: rgba(0, 0, 0, 0.5); /* 当鼠标悬停时提供一些视觉反馈 */
   }

2. 对于非Webkit内核浏览器，可以尝试其他技巧，如利用`:not()`选择器配合绝对定位的隐藏滚动条容器:

   .scrollbar-hidden::-webkit-scrollbar,
   .scrollbar-hidden::-moz-scrollbar,
   .scrollbar-hidden:-ms-scrollbar {
       display: none;
   }

   .scrollbar-hidden {
       position: relative;
       overflow-y: auto;
       scrollbar-width: none; /* Firefox */
   }

   .scrollbar-hidden::-webkit-scrollbar-thumb {
       position: absolute;
       top: -9999px;
       left: -9999px;
   }

记住，尽管滚动条样式被隐藏了，用户操作设备的行为（例如滚动手势）依然会触发滚动。