如何用JavaScript实现一个复杂长尾词的滚动条效果？

本文共计1090个文字，预计阅读时间需要5分钟。

当我们在元素上添加`overflow: auto;`属性时，会出现滚动条。然而，不同浏览器的滚动条样式差异很大，有的甚至非常丑陋。如果想自己写一个滚动条，大致需要考虑以下几点：

当我们给元素加上 overflow: auto; 的时候，就会出现滚动条，然而浏览的不同，滚动条的样式大不一样，有些甚至非常丑。

于是就想着自己写一个滚动条，大概需要弄清楚一下这几个点：

1、滚动条 bar 是根据内容的多少，高度不一样的，这个需要动态的计算

2、滚动条 bar 的 top 位置 和 内容scrollTop 的关系。