[杂志般的设计] 推荐一个自己写的视差滚动网站（ Parallax Scrolling），已开源

实时预览

点我查看

项目地址

github.com/panteng/rdio-copy

如果你觉得这个项目对你有意义，希望你star支持一下。

为什么会有这个项目

首先声明， Rdio 已经在 2015 年 11 月 23 日关闭，目前其官网rdio.com的内容已经发生改变。

Rdio 是啥？简单说就是类似于国内网易云音乐一类的在线听歌服务。

当我第一次进入 Rdio 官网的时候，我就被它新颖又简洁的设计迷住了，尤其是滚动时的视差效果，看起来真的很舒服。作为前端工程师的我就在想自己是否有能力复刻出一个同样的网站出来。所以我就开始了这个项目，目的是为了检验自己构建视差滚动网站的能力。

在开发过程中我遇到了一些棘手的问题，我在项目的 README 中把这些问题的解决方案做了简要的说明和分享。希望对大家有些参考意义。

需要说明的是，我只 Copy 了 Rdio 官网的设计， HTML 、 SASS 和 JS 代码都是我自己重写的。

欢迎 Star 或 Fork 或提 Issue 。

截图