首页 > 编程知识 正文

css 隐藏滚动条,div隐藏滚动条

时间:2023-05-03 14:23:50 阅读:263276 作者:663

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代码:

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。