圖片隨滾動條距離變化而變化

首先，需要明確所要實現的效果 滾動條上推時頁面恢復原樣 當滾動條下拉的時候，頂部的樣式出現變化 最開始的思路，是想着利用自定義滾動條的原理去做，通過頁面與滾動條所成比例進行，高度的設置，但是效果並不理想。首先步驟複雜，其次卡頓效果明顯。 解決方案 通過css3中的 transition 加 scale 縮放來實現 最開始，也是利用 transition 加 height 的方式，但是此種方式改變了

>>阅读原文<<