CSS隐藏滚动条,兼容各⼤浏览器。1:滚动条宽约17px,设置其width多17px,外层容器溢出隐藏,能兼容各个浏览器
.outContainer {
  width:350px;
  height:300px;
  overflow: hidden;
}
.inContainer {
height:300px;
width: 367px;
overflow-x:hidden;
overflow-y:scroll;
}
2:各个浏览器兼容
.outContainer {
  width:350px;
  height:300px;
  overflow: hidden;
}
.inContainer {css设置表格滚动条
height:300px;
width: 350px;
overflow-x:hidden;
overflow-y:scroll;
scrollbar-width: none;
}
/* 使⽤伪类选择器 ::-webkit-scrollbar ,兼容chrome和safari浏览器 /
.inContainer::-webkit-scrollbar{
display: none;
}
/兼容⽕狐/
.inContainer {
scrollbar-width: none;
}
/
兼容IE10+ */
.inContainer {
-ms-overflow-style: none;
}
html代码:

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。