2023年4月20日作者张临志

overflow: auto隐藏滚动条实现滚动效果兼容三大主流浏览器

最近在搞大屏看板里面内容存在容器div里面手动滚动显示，出现y轴滚动条时严重影响了大屏看板的美观性，所以决定优化下隐藏起来但是不影响效果，但是市面上chrome、firefox、使用IE内核的一系列浏览器兼容性不一致，下面css代码可以实现兼容所有浏览器实现效果：

.demo::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

.demo {
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow-x: hidden;
  overflow-y: auto;
}

标签css overflow 兼容浏览器隐藏滚动条

0 0 投票数

文章评分

订阅评论

名字

邮箱

0 评论

内联反馈

查看所有评论