滑動視差網站 (Using Parallax scrolling)

愈來愈多的網站，雖然有著精簡的內容，卻有著「華麗」的設計。有一種只讓使用者不斷「滾動」滑鼠就能夠導覽整個網站，這類型的網站特別適合用於小清新風格的網站。


當然，這類的網站通常採用套件就可以達成。那要怎麼在網路上搜尋呢？英文請輸入「Parallax scrolling」，中文則請輸入「滾動視差」、「視差滾動」、「幻燈特效」等關鍵字找找吧！

只需要使用「CSS」與「jQuery」就可以辦到，使用上算是很親切的。

範例套件網站：
http://markdalgleish.com/projects/stellar.js/demos/
http://joelb.me/scrollpath/
http://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/

(Photo via Dan Zen / Counter Parallax, CC License)

注意到了嗎？WordPress 推出的 Twenty Seventeen 的佈景[1] 在其預設的首頁也使用了滑動視差的效果。這其實象徵了滑動視差的特效已經廣為大眾所喜愛。

參考資料

[1] Twenty Seventeen / WordPress Theme Directory