.story-scroll{
height: 298px;
overflow: auto;
position: relative;
&::-webkit-scrollbar {
width: 8px;
background-color: none;
}
&:hover ::-webkit-scrollbar-track-piece {
background-color: #eee;
opacity: 0;
border-radius: 3px;
transition: all 1s ease 0s;
}
&:hover::-webkit-scrollbar-thumb:hover {
transition: all 1s ease 0s;
opacity: 1;
}
&:hover::-webkit-scrollbar-thumb:vertical {
background-color: #eee;
border-radius: 3px;
outline: 2px solid #fff;
outline-offset: -2px;
border: 2px solid #fff;
}
}
css美化滚动条hover显示
最新推荐文章于 2024-03-29 09:46:51 发布