自定义滚动条

[yq]

背景

打算实现油管导航栏这种效果：

利用CSS自定义滚动条

::-webkit-XXX方式

FireFox

细节优化

鼠标hover时才展示滚动条

滚动条不占用空间

利用JS自定义滚动条

参考

1. Custom Scrollbars In CSS
2. MDN ::-webkit-scrollbar
3. MDN overflow: overlay