图片随滚动条距离变化而变化

首先，需要明确所要实现的效果 滚动条上推时页面恢复原样 当滚动条下拉的时候，顶部的样式出现变化 最开始的思路，是想着利用自定义滚动条的原理去做，通过页面与滚动条所成比例进行，高度的设置，但是效果并不理想。首先步骤复杂，其次卡顿效果明显。 解决方案 通过css3中的 transition 加 scale 缩放来实现 最开始，也是利用 transition 加 height 的方式，但是此种方式改变了

>>阅读原文<<