css 鼠标悬停时，显示滚动条，鼠标移出，滚动条消失

记录以方便后续使用。

    .list-body::-webkit-scrollbar {
     width: 3px;
     display: flex;
    }


    .list-body::-webkit-scrollbar-thumb {
      background: #3ba9f8;
    }
    .list-body:hover {
      overflow-y: scroll;
    }
    .list-body {
      overflow: hidden;
      height: 390px;
      width:1000px;
     }

给名为list-body的div加上悬停滚动条效果。

效果图如下： 当鼠标移入div盒子后：

当鼠标移出div盒子后：