如何用velocity.js实现网页滚动长尾词切换效果？

本文共计1529个文字，预计阅读时间需要7分钟。

今天介绍一个JavaScript的小型动画插件——velocity.js，它可以帮助你方便高效地开发一个具有多页面滚动切换效果的网站。浏览器支持包括IE8、Chrome、Firefox等，同时支持Android和iOS设备。

今天介绍一个Javascript的小型的动画插件velocity.js，可以方便高效的开发一个具有多页面滚动切换效果的网站。

浏览器支持

velocity.js支持IE8+、Chrome、Firefox等浏览器，并支持Andriod以及IOS。

我们开发一个工程，里面有一组相关联系的大型页面。不能做到在一张页面中把它们展现出来，同时又希望能够有效的阅读到这些相关内容，可以通过做一些有趣的效果来帮住我们实现，通过页面滚动切换效果，可以很有效的制作一个吸引人眼球的网页。

所有的特效应用都是通过velocity.js。Velocity.js是一款动画切换的jQuery插件，它重新实现了jQuery的jQuery.animate()方法从而加快动画切换的速度。Velocity.js只有7k的大小，它不仅包含了jQuery.animate()的所有功能，并且还包含了颜色切换、转换(transform)、循环、缓动、CSS切换、Scroll功能，它是jQuery、 jQuery UI、CSS变换 在动画方面的最佳组合。