【HTML】隐藏滚动条，但需要能滚动

为了美观，菜单不能出现滚动条，但是菜单太长的时候，能进行滚定动。

容器设置 overflow: 'auto'

再为容器添加如下样式

.hide-scrollbar::-webkit-scrollbar {
  display: none; /* Chrome/Safari/Edge */
}

.hide-scrollbar {
  -ms-overflow-style: none;  /* IE/Edge */
  scrollbar-width: none;  /* Firefox */
}

如果你想隐藏table的滚动条（但是需要能滚动）的话，可以

:deep(.ant-table-body) {
  overflow-x: hidden !important;
  
  &::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
  }
}

我用的ant-design-vue这个框架。

我的需求是：

表格有个固定列，可动态列。固定列下面禁止出现滚动条。
所以……我就只能自定义一个滚动条了