CSS如何隐藏页面滚动条但是页面可以滚动

有时候项目会需要使用到页面滚动，例如商品橱窗，但是不想要下面还有滚动条显示，可以使用CSS进行设置：

 <style>
  .panicbuy-box-bottom {
    display: flex;
    overflow-x: auto;
    width: 94%;
    height: calc(100% - 1.6rem);
    margin: 0 auto;
  }
  .panicbuy-box-bottom::-webkit-scrollbar {
    display: none;
  }
 </style>

重点就是：

  .panicbuy-box-bottom::-webkit-scrollbar {
    display: none;
  }

如果是想要所有元素都不显示滚动条的话，可以使用：

  body::-webkit-scrollbar {
    display: none;
  }

嗯。。。。。over