[閒聊] 視差捲動練習分享

作者: TKirby ( :D)   2014-05-09 00:32:56
最近試著在做網路文章不同的呈現方式, 想說來玩玩看視差捲動好了
有個 js library 很方便叫 skrollr.js 讓你一行 js 都不用寫就可以做很多效果
基本上做法就是在標籤上標明 skrollable skrollable-between 類別,
然後用 data-數字="樣式數值" 就可以很輕易做出效果
搭配 svg 的話效果更棒
那就跟大家分享一下我用之前寫的網誌花了一點時間實驗的成果
雖然沒什麼用到視差的部分, 不過概念是類似的
http://zbryikt.github.io/skrollr-play/
作者: banjmin (HD)   2014-05-09 00:51:00
龍孃七七七 七點半的太空人網站都有用但是他css transition 沒有hack過會lag 作者在網站上有貼css override的解法
作者: lyforever (LY)   2014-05-09 01:02:00
還有一套叫stellar.js也不錯喔 :)
作者: TKirby ( :D)   2014-05-09 01:03:00
繼續向樓上致敬 <( ̄ㄧ ̄ )

Links booklink

Contact Us: admin [ a t ] ucptt.com