V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Kamato
V2EX  ›  问与答

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

  •  
  •   Kamato · 2016-03-16 18:48:42 +08:00 · 2285 次点击
    这是一个创建于 3174 天前的主题,其中的信息可能已经有所发展或是发生改变。

    实时预览

    点我查看

    项目地址

    github.com/panteng/rdio-copy

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

    为什么会有这个项目

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

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

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

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

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

    欢迎 Star 或 Fork 或提 Issue 。

    截图

    截图

    6 条回复    2016-03-18 16:25:27 +08:00
    saturnast
        1
    saturnast  
       2016-03-16 18:51:32 +08:00
    不错
    gzelvis
        2
    gzelvis  
       2016-03-16 20:17:40 +08:00
    不是响应式网站,差评(楼主别生气哈)
    Kamato
        3
    Kamato  
    OP
       2016-03-16 22:08:35 +08:00
    @saturnast 感谢支持
    Kamato
        4
    Kamato  
    OP
       2016-03-16 22:08:51 +08:00
    @gzelvis 感谢建议
    WittBulter
        5
    WittBulter  
       2016-03-17 23:07:57 +08:00
    看了会你的项目有点手痒- -看到好多库,我就也跟风写了个原生的插件..
    哈哈
    https://github.com/WittBulter/cool-scroll/
    Kamato
        6
    Kamato  
    OP
       2016-03-18 16:25:27 +08:00
    @WittBulter 赞!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2660 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 11:14 · PVG 19:14 · LAX 03:14 · JFK 06:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.