当我们给元素加上 overflow: auto; 的时候,就会出现滚动条,然而浏览的不同,滚动条的样式大不一样,有些甚至非常丑。 于是就想着自己写一个滚动条,大概需要弄清楚一下这几个点: 1、滚动条 bar 是根据内容的多少,高度不一样的,这个需要动态的计算 2、滚动条 bar 的 top 位置 和 内容scrollTop 的关系。 思路: 使用嵌套的布局,如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title>