div中内容滚动，并隐藏滚动条

最新推荐文章于 2024-08-04 20:38:28 发布

杨子华

最新推荐文章于 2024-08-04 20:38:28 发布

阅读量1.4k

点赞数

文章标签： css css3 html Powered by 金山文档

本文链接：https://blog.csdn.net/q584508202/article/details/129263918

版权

这段代码展示了如何使用CSS来定制滚动条的样式，包括轨道的颜色、滚动条的宽度和拇指的背景色。同时，有一个名为ScrollBarChart的组件用于图表的显示，可能是一个数据可视化的应用。滚动条区域设定为绝对定位，具有特定的宽高比。

摘要由CSDN通过智能技术生成

 <div className={styles.scrollbar}>
        <div className={styles.scrollBarChartArea}>
        <ScrollBarChart />
        </div>
    </div>
    <div className={styles.bottomLine} />
 </div>

.scrollBarChartArea {
  top: 405px;
  width: 465px;
  height: 300px;
  position: absolute;
  left: 1445px;
  overflow: hidden auto;
}

.scrollbar {
  *::-webkit-scrollbar-track {
    background-color: #fff;
  }

  *::-webkit-scrollbar {
    background-color: #57b2ff;
    height: 0;
    width: 0;
  }

  *::-webkit-scrollbar-thumb {
    background: #57b2ff;
    border-radius: 4px;
    height: 0;
    width: 0;
  }
}