以一網站為例，介紹視差滾動技巧

http://pixelcave.com/demo/proui-frontend/index_parallax.php
欲達成此網站效果

背景原理教學

http://www.shejidaren.com/css-fixed-scroll-background.html
主要使用一個css3背景屬性 background-attachment 以及搭配 background-size: cover，關於background-size的使用，主要用於將不夠大的背景填充到滿版的設定。可參考此網站說明

.element-class{
	background-size: cover;
	background-attachment: fixed;
}

Backstretch 此套件可自動將背景圖縮放為螢幕大小

置頂選單(自己刻)

http://www.shiftbrain.co.jp/book/jquery/sample/chapter05/04/
簡單來說就是偵聽 scroll 的位置，超過一定距離後，將選單的 css position 屬性換成 fixed

視差滾動現成Library

介紹說明:http://smashinghub.com/7-jquery-parallax-and-scrolling-effect-plugins.htm
簡單來說就是用偵聽scroll事件，然後再去觸發加class或其他方式去移動物件，另外就是透過不同的移動速度及z-index去做出物件景深的效果。
同樣文章也有大大提供教學

另一種動畫處理方式

介紹說明:http://www.bryanbraun.com/2014/03/15/how-i-rebuilt-flying-toasters-using-only-css-animations

選單滑到固定位置

介紹說明（含plugin)http://trevordavis.net/blog/jquery-one-page-navigation-plugin
這個其實也可以自己刻，用scrollTo在找位置即可

Icon旋轉

http://tympanus.net/Development/IconHoverEffects/#set-6
就是css3動畫處理，可以在這邊找風格來套用

怎麼找資源的話，其實就是多看[夢想天空])(http://www.cnblogs.com/lhb25/)之類的，
另外就是用特效或關鍵字去找，例如parallax scrolling，翻一翻看一看收集一下，久了就很多啦

AllxBlue