盒子hover时滚动条才出现

fanwan-7

已于 2023-12-18 16:18:48 修改

阅读量422

点赞数 6

文章标签： css css3 html

于 2023-12-04 15:56:22 首次发布

本文链接：https://blog.csdn.net/csdnsunyue/article/details/134786432

版权

.leftForm {
  height: 100%;
  padding-right: 3px;
  overflow-y: hidden;
  &:hover {
    overflow-y: overlay;
  }
  &::-webkit-scrollbar {
    /* 滚动条宽高 */
    width: 6px;
    height: 6px;
  }
  &::-webkit-scrollbar-thumb {
    background-color: transparent;
        /* 滚动条里面小方块 */
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
  }
    &:hover::-webkit-scrollbar-thumb {
    background-color: rgb(231 226 226 / 20%) !important;
  }
}