创建超酷滚动效果的12个优秀JavaScript库

原创|行业资讯|编辑:gongx|2016-03-08 09:11:51.000|阅读 682 次

概述:在本文中,小编为大家收集了一些用于创建酷炫滚动效应的优秀JavaScript库。动画和特效能够帮助网站变得更有活力和感染力,而这些非常棒的JavaScript库则能帮助您创建这样的网站。

在本文中,小编为大家收集了一些用于创建酷炫滚动效应的优秀JavaScript库。动画和特效能够帮助网站变得更有活力和感染力,而这些非常棒的JavaScript库则能帮助您创建这样的网站。

WOW

在一些网页上,当您滚动页面时会看到各式各样的元素动画效果,非常动感。WOW.js就是一款帮助您实现这种CSS动画效果的插件,很容易定制。您可以改变动画设置喜欢的风格、延迟、长度、偏移和迭代等。

创建超酷滚动效果的12个优秀JavaScript库

jScrollability

该jQuery插件能够帮助您构建复杂的基于滚动动画的单滚动页面,其注重性能并且适用于移动设备。

创建超酷滚动效果的12个优秀JavaScript库

Enllax

Enllax.js是一个用来实现视差滚动效果的超轻量级超好用的插件。

创建超酷滚动效果的12个优秀JavaScript库

Blur on scroll

创建超酷滚动效果的12个优秀JavaScript库

jQuery Animation Scroll Plugin

该插件是一款响应式的插件,并且对移动设备非常友好。

创建超酷滚动效果的12个优秀JavaScript库

Crossfade

crossfade.js是一个小巧的jQuery插件,压缩之后仅3KB。当页面往下滚动时,crossfade.js会让图片渐渐的模糊,就像是将要淡出的感觉;当页面往上滚动的时候,图片又会变的清晰。

创建超酷滚动效果的12个优秀JavaScript库

parallax.js

Parallax.js是一个简单的、轻量级的的视差引擎,能够对智能设备的方向作出反应。在没有陀螺仪或运动检测硬件可用时,使用光标的位置来代替。

创建超酷滚动效果的12个优秀JavaScript库

Fancy Scroll

该插件能为您的网站添加像iOS/Android这样的溢出滚动效果。

创建超酷滚动效果的12个优秀JavaScript库

Animate Scroll.js

Animate Scroll是一个简单的jQuery插件,它用来为滚动增加延迟效果。它可以自定义滚动样式(30多种滚动效果)和滚动速度,还有一个可以操纵"滚动结束位置"的"padding"选项。

创建超酷滚动效果的12个优秀JavaScript库

jQuery Scroll Path

jQuery Scroll Path是一个jQuery的全屏滚动插件,可以自定义滚动路径,页面内容会沿着路径进行动画移动。该插件使用canvas flavored的语法来绘制路径,可以通过鼠标滚轮上/下箭头键和空格键来查看路径效果;空格键的查看速度会比鼠标滚动的效果快;当您按住Shift键的时候再按空格键时,路径将会向后滚动。除此之外,我们还可以通过这个插件来自定义滚动条。

创建超酷滚动效果的12个优秀JavaScript库

Sly

Sly是一个很不错的滚动条jquery插件。

创建超酷滚动效果的12个优秀JavaScript库

Stellar.js

这是一个jQuery的插件,提供任何滚动元素的视差滚动效应。

创建超酷滚动效果的12个优秀JavaScript库
本文翻译自smashingapps.com转载请注明本文转载自慧都控件网


标签:JavaScript 开发工具

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:慧都控件网

登录慧都网发表评论登录


2016-03-08 10:28:01.000

非常有用的JS库集合,不用到处去搜了,不错!


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
Javascript Stock Chart

可将任意给予日期和时间数据可视化的Javascript金融图表工具

JavaScript Charts

拥有良好兼容性的JavaScript、HTML5图表开发工具

JavaScript Maps

JavaScript Maps是一个稳健的交互式的Javascript/HTML5地图库

Essential Studio for JavaScript

首款专门用于LOB应用开发的JavaScript框架

在线客服 在线QQ 电话咨询
400-700-1020
在线客服系统
live chat