01前端/CSS - 隐藏滚动条

  • 更新时间：2020-05-25 03:33
  • 创建时间：2020-05-25 03:33

SCSS:

1
2
3
4
5
6
7
8
9
10
11
%hide-scroll-bar {
  &::-webkit-scrollbar {
    display: none; /* webkit */
  }
  -ms-overflow-style: none; /* IE 11 */
  scrollbar-width: none; /* Firefox 64 */
}

.article {
  @extend %hide-scroll-bar;
}

CSS:

1
2
3
4
5
6
7
8
9
10
.article {
  -ms-overflow-style: none;
  /* IE 11 */
  scrollbar-width: none;
  /* Firefox 64 */
}
.article::-webkit-scrollbar {
  display: none;
  /* webkit */
}