[JS] 嘗試 製作簡單的 視差效果!

前一段時間 很流行的 視差效果!

終於有花一小段時間 弄了一個簡單的版本!

雖然是使用別人的類別作的

不過大致的瞭解了其中的技術是怎樣做的

使用了一些 視差效果 的套件

幾乎每一款都有各自的特點!

使用方法也都不同

但是我最後決定使用的是 skrollr 這一套

因為他的使用方法簡單 和 API 相當的友善 看過 demo 後就會用 9 成

不過讓我決定使用這一套工具的原因有下面幾點

1.  API 簡單
2. 手機可以使用
3. 基本需求都可以達成
4. 到現在還有在更新
5. 說明明白扼要
6. 體積小!

經過實機測試 在我手機的瀏覽器 可以使用

和我測試的其他的 API 有所不同 !

有一些在手機上是會有問題的

測試網頁

基本上和原本的 demo 是差不多的 不過用我自己的方式詮釋一次!


參考資料:
http://stephband.info/jparallax/
http://joydesign.coletree.com/2012/07/1562/
https://github.com/Prinzhorn/skrollr
http://www.webhek.com/misc/parallax/
http://www.mrmu.com.tw/2011/10/19/parallax-scrolling/
http://webdesignledger.com/inspiration/21-examples-of-parallax-scrolling-in-web-design
http://rettamkrad.blogspot.tw/2013/05/blog-post.html