ScrollMagic – 酷毙了！超炫的页面滚动交互效果

　　ScrollMagic 是一款 jQuery 插件，它让你可以像使用进度条一样使用滚动条。如果你想在特定的滚动位置开始一个动画，并且让动画同步滚动条的动作，或者把元素粘在一个特定的滚动位置，那么这款插件正是你需要的。

　　使用 ScrollMagic，您可以很容易地把视差效果添加到您的网站中。当用户到达某个滚动位置时，你可以调用函数，或以任何其他方式来和当前的滚动位置进行交互。

您可能感兴趣的相关文章

2013年最受欢迎的10篇前端开发博文
小伙伴们惊呆了！8个超炫的 Web 效果
35个让人惊讶的 CSS3 动画效果演示
8个惊艳的 HTML5 和 JavaScript 特效
2014年最值得关注的网页设计流行趋势

立即下载在线演示

您可能感兴趣的相关文章

期待已久的2013年度最佳 jQuery 插件揭晓
小伙伴们都惊呆了！8个超炫的 Web 效果
10大流行的 Metro UI 风格 Bootstrap 主题
推荐35款精致的 CSS3 和 HTML5 网页模板
精选12款优秀 jQuery Ajax 分页插件和教程

本文链接：ScrollMagic – 酷毙了！超炫的页面滚动交互效果

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

ScrollMagic – 酷毙了！超炫的页面滚动交互效果相关推荐

赞！超炫的页面切换动画效果【附源码下载】
在下面的示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果.虽然有些效果都非常简单,只是简单的滑动动作,但另外的一些则是利用了视角(Perspective)和 3D 转换(3D ...
JS特效代码大全（十一）超炫的js图片展示效果（三）
在看过上一篇JS特效代码大全(十)超炫的js图片展示效果(二)文章后,相信很多人都想试试把这种效果用到自己的项目中去了.在用的过程当中个性化的需求就来了,比如,想把小图导航放上边去,或者放左边放右边等 ...
小程序实现商品详情页的tap标签与页面滚动联动效果
实现原理:利用scroll-view标签,注意:scroll-into-view属性要想实现滚动需在scroll-view标签内部盒子里,即scroll-view大小可以等于屏幕的高,内容非屏幕滚动 ...
html5页面滚动视差效果特,34个网页视差滚动插件和视差特效教程分享
34个网页视差滚动插件和视差特效教程分享 Sponsor 视差滚动这个设计趋势从去年开始一直流行到现在,这个特效的视觉体验非常不错,比如前面分享的<19个创意网页设计欣赏>文章,有很多使视 ...
html怎么做到滚动鼠标转换,js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)...
本文实例讲述了js实现的鼠标滚轮滚动切换页面效果的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: wheel var currentShowPageIndex = 0; v ...
使用wow.js和animate.css实现页面滚动动画效果
wow.js是一款结合了Animate.css,可以在页面向下滚动时,为页面中的元素加载动画的js. 项目地址:GitHub - graingert/WOW: Reveal CSS animation ...
CSS | 如何达到监听页面滚动的效果？
在网页中,经常会用阴影来突出层级关系,特别是顶部导航,但有时候设计觉得没必要一开始就显示阴影,只有滚动后才出现.比如下面这个例子,注意观察头部阴影可以看到,只有滚动以后才会出现阴影.一般情况下,使用 ...
情侣博客源码php,分享超炫的表白页面和爱的纪念日源码
昨晚弄到三点就是为了DIY这2个页面,想给老婆一个浪漫的惊喜. 预览地址: 是别人的源码,没什么好说的,直接贴上作者说明: 一.超炫表白页面: 作者原话:为了预热情人节,麦葱二次开发了个表白程序.程序 ...
android纪念日源码,分享超炫的表白页面和爱的纪念日源码
预览地址: 是别人的源码,直接贴上作者说明: 一.超炫表白页面: 作者原话:为了预热情人节,麦葱二次开发了个表白程序.程序放在BAE上面,因为本地写这个原因,生成的页面过段时间就找不到了,导致链接页面 ...

ScrollMagic – 酷毙了！超炫的页面滚动交互效果

ScrollMagic – 酷毙了！超炫的页面滚动交互效果相关推荐

最新文章

热门文章