最终效果
文章来源：https://www.toymoban.com/news/detail-683039.html
实现思路
border + box-shadow文章来源地址https://www.toymoban.com/news/detail-683039.html
实现代码
::-webkit-scrollbar {
width: 20px;
height: 4px;
}
::-webkit-scrollbar-thumb {
border-radius: 20px;
border: 6px solid rgba(0, 0, 0, 0);
box-shadow: 14px 0px 0 #e3e3e3 inset;
}
::-webkit-scrollbar-thumb:hover {
box-shadow: 14px 0px 0 #e3e3e3 inset;
}
到了这里，关于自定义overflow轨道样式，并且滚动条两边存在间距（滚动条不贴边显示）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
