css滚动条 滚动的时候显示停止的时候隐藏

CSS滚动条通常是指网页元素在内容超出容器时出现的水平或垂直滑块。如果你想让滚动条在用户滚动到内容顶部或底部时自动隐藏，在滚动停止时再显示出来，你可以通过CSS的`scroll-behavior`属性结合`overflow`属性来实现这一效果。

首先，设置`overflow`属性为`hidden`，这会在内容未溢出屏幕时隐藏滚动条：

.your-element {
  overflow: hidden;
}

然后，当需要滚动条显示时，可以使用媒体查询配合`:hover`伪类，在鼠标悬停时改变`scroll-behavior`：

.your-element:hover {
  scroll-behavior: auto; /* 当鼠标悬停时，滚动条显示 */
}

/* 或者如果想在滚动结束时自动隐藏，
如果浏览器支持`scroll-padding-bottom`，可以这么做： */

.your-element {
  scrollbar-width: none; /* 隐藏原始滚动条 */
  -ms-overflow-style: none; /* IE 和 Edge 的兼容性写法 */
  
  padding-bottom: 60px; /* 设置一个虚拟滚动区域的高度 */
}

.your-element:active {
  scrollbar-width: auto; /* 在元素按下并开始滚动时显示滚动条 */
  padding-bottom: 0; /* 滚动结束后恢复正常的滚动区高度 */
}

请注意，`scroll-behavior`和一些新的滚动特性在所有浏览器中的支持程度可能不同，你需要测试各种浏览器的行为。