使用 clip-path隐藏掉滚动条

clip-path: inset()

这里简单介绍一下。inset最多可以传4个参数，分别表示裁剪掉距离上、右、下、左的部分

 

 所以，要把滚动条隐藏就很简单了，只需要把下方的裁剪距离设置大于等于滚动条尺寸的值就行了，这里就用10px,譬如在容器的底部设置 :

padding: 0px 0px 10px 0px

.list{
  clip-path: inset(0 0 10px)
}

底部的padding 10px与clip-path中的底 10px刚好相抵消，效果就会好很多。

效果如下：