search

phachon / mm-wiki

MM-Wiki 一个轻量级的企业知识分享与团队协同软件，可用于快速构建企业 Wiki 和团队知识分享平台。部署方便，使用简单，帮助团队构建一个信息共享、文档管理的协作环境。
MIT License
3.55k stars 836 forks source link

请教下滚动条（scroll）的渐变效果是怎么实现的呢 #321

Closed georgehuan1994 closed 2 years ago

georgehuan1994 commented 3 years ago

image

georgehuan1994 commented 2 years ago 
#frame-body::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#frame-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.86, #C7C7C7), color-stop(0.62, #585858), color-stop(0.14, #B1B1B1));
}
#frame-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0 0 0 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}