ionic-基于angularjs實作沉浸式頂部導航欄，滾動時産生漸變效果

最近一直在研究angularjs和ionic架構，對于如何設計好的産品和使用者體驗一直都在思考，看了很多關于app設計的資料和其他的産品，覺得基于material design的設計确實是目前比較好的語言，閑着的時候就寫了一個關于app實作沉浸式頂部導航欄。

demo:

導航欄由透明的狀态跟随頁面往下混動是動态的調整，主要是根據往下滾動時計算距離頂部的距離，滾動至一定的距離時，透明度基本沒有了，原色顯示header導航欄，同時設定一個計算透明度的基數作為分母，滾動的距離作為分子，動态計算opacity，是以會産生漸變效果。

由于代碼比較多，已整理開源在github上。歡迎通路：https://github.com/bingcool