页面滚动指示器

发表于 | 分类于 |

去年初的时候在掘金上看到不可思议的纯 CSS 滚动进度条效果这篇文章，觉得很有意思，就收藏了下来。现在就做一次搬运工吧。

Javascript

其实用 JavaScript 来实现要容易得多（从思维上），计算一下滚动高度赋值给指示器的宽度就可以了。

See the Pen indicator-js by qiangyear93 (@qiangqiang93) on CodePen.

Css

美中不足的是，进度条是倾斜的，而且当背景颜色复杂会有一定当影响，算是一个简易的解决方案。

See the Pen indicator-css by qiangyear93 (@qiangqiang93) on CodePen.

[越努力，越幸运！]