一个简单的滚动动画jQuery插件
Posted
tags:
中文标题：一个简单的滚动动画jQuery插件 原文标题：A Simple jQuery Plugin for Animating Scroll 项目评级：Star:713 Fork:211 下载地址：https://github.com/rampatra/animatescroll.js 详情介绍动画滚动
一个用于设置滚动动画的简单jQuery插件
演示可以在http://plugins.compzets.com/animatescroll
它到底是什么？
AnimateScroll是一个jQuery插件，您只需使用要滚动到的元素的id或classname调用animatescroll()函数，就可以时尚地滚动到页面的任何部分。
它通过各种选项为用户提供了强大的功能，可以自定义滚动风格、滚动速度等。支持30多种独特的滚动样式。
用法
这个插件需要两件事才能工作，一件是“jQuery库”，另一件是animatescroll.js文件。
只需在“jQuery库”后面包含animatescroll.js文件，如下面的代码片段所示，就完成了。
注意：这个插件工作的唯一依赖项是jQuery库。
您可以下载文件，也可以从Bower（软件包管理器）进行安装：
注意：有两个js文件，如果你不想要各种缓解效果，可以使用animatescroll.noeasing.js
选项
动画滚动有6个选项：
宽松（默认：easing）
此选项定义滚动样式。支持的各种宽松效果可以在www.easings.net上看到（仅接受字符串）
滚动速度（默认：400）
控制滚动速度，数字越高滚动速度越慢（仅接受数字）
填充（默认：0）
调整滚动中的小起伏。假设对一个特定的元素应用了少量的填充，因此滚动没有在正确的位置结束，所以这个选项可以帮助你纠正（只接受数字，可以是负数）
元素（默认：html, body）
在v1.0.5中添加。
您希望此插件在其中工作的元素。默认为“身体”。（接受任何jQuery/CSS选择器）
滚动开始
在v1.0.7中添加。
滚动开始前要调用的函数
滚动结束
在v1.0.7中添加。
滚动以动画完全结束后要调用的函数
要添加选项，请执行以下操作：
缓解效果
这个插件支持30多种不同风格的滚动。轻松选项允许您根据自己的选择选择特定的滚动样式。
不同的缓解效果是：
swing, easeInQuad, easeOutQuad, easeInOutQuad, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart,
easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint, easeInSine, easeOutSine, easeInOutSine,
easeInExpo, easeOutExpo, easeInOutExpo, easeInCirc, easeOutCirc, easeInOutCirc, easeInElastic, easeOutElastic,
easeInOutElastic, easeInBack, easeOutBack, easeInOutBack, easeInBounce, easeOutBounce, easeInOutBounce
关于
我叫拉姆·帕特拉。我是一名来自印度的应用程序开发人员和技术爱好者。我为手机、网络和电脑制作应用程序/插件。在rampatra.com上看看其中的一些。
这是我的第一个jQuery插件，我希望你们都喜欢它。你们可以通过发送pull请求来对代码进行更多改进。
如果我的插件帮助了你，或者不太可能有任何问题在推特上给我@ram__patra，我会很高兴收到你的来信。
支持者
感谢我们所有的支持者！[成为支持者]
发起人
由Presentify和BrowserStack赞助。通过成为赞助商来支持这个项目。您的徽标将显示在此处，并带有指向您网站的链接。[成为赞助商]
＜table border=“0”＞
附言：如有任何疑问或疑虑，您可以在推特上联系我。我会尽力帮忙的