skrollr是一个单独的视差滚动的JavaScript库，移动端和pc都可以使用，压缩后大小仅仅不到12K  。它是不依赖于其它框架的独立类库,可以让你快速打造出视差滚动效果。

它可以让我们给任意元素设置关键帧的css属性，然后它会自动形成动画效果。更重要的一点是，使用此类库时不用写复杂的JS代码以及兼容主流浏览器，适配手机等移动终端等特性。

skrollr使用

<div data-0="background-color:rgb(0,0,255);" data-500="background-color:rgb(255,0,0);">WOOOT</div>

<script type="text/javascript" src="skrollr.min.js"></script>
<script type="text/javascript">
    var s = skrollr.init();
 </script>

链接: https://fly63.com/nav/53