css3隐藏滚动条样式效果

chrome 和Safari

.element::-webkit-scrollbar { width: 0 }

IE 10+

.element { -ms-overflow-style: none; }

Firefox

.element { overflow: -moz-scrollbars-none; }

公共class

在需要隐藏滚动条的div上追加一个hideScrollBar就可以了

.hideScrollBar::-webkit-scrollbar {
  width: 0
}

.hideScrollBar {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

标签：css3,none,样式,scrollbars,element,滚动条,hideScrollBar,overflow
来源： https://www.cnblogs.com/wanjunshijie/p/16513931.html