css3 滚动条平滑滚动效果

CSS3是网页设计中不可或缺的一个重要的技术，滚动条平滑滚动效果也是用CSS3实现的，让网页看起来更加美观。

/*设置滚动条的轨道*/::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
}
/*设置滚动条的滑块*/::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 10px;
}
/*设置滚动条宽度*/::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
    

其中，::-webkit-scrollbar-track可以设置滚动条的轨道颜色和边框样式，::-webkit-scrollbar-thumb可以设置滚动条的滑块颜色和样式，::-webkit-scrollbar用来设置滚动条的宽度和高度。

这样就可以实现平滑的滚动效果了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！