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 {
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代码:
在这里插入图片描述

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐