长页拖动必备利器-来自于unheap.com的jquery-scrolling中文大全

 中秋大礼!

因为目前手头有一个全屏长画面网站的项目,我想设计成比较流行的长屏+拖动动画形式。于是在网上找插件。unheap.com几乎提供了与拖动有关所有jquery小程序,太赞了!于是我在自己的印象笔记中整理了一下,顺便发布在这里,做为日后自己的一个查找索引,也方便大家来使用。

以下所有内容都来自于unheap的ui-scrolling分支,具体URL是http://www.unheap.com/section/user-interface/scrolling/,如果有翻--墙手段,可能浏览起来更快速一点。unheap只是一个展示索引,各个子程序的说明和下载,都存在各自作者的网站上。

我在下图中做为了说明的,都是我认为比较重要的程序,一些雷同的、作用不大的,就没有做标记了。看图就行了,图的下方, 我把文字说明附加在后,方便大家查找。

unheap.com jquery scrolling


图片中的文字:

 

http://www.unheap.com/section/user-interface/scrolling/

 

!!提供拖动中出现的动画及视差效果

长页面拖动时到达某处产生事件及回调函数。

让一个块在拖动后固定在顶部不动。

一个仿游戏机星战效果,视差。

在任何位置设置锚点链接,点击后缓动到锚点位置。

demo: http://briangonzalez.org/arbitrary-anchor#.explain

!!顶部固定菜单-锚点,点击菜单后下方内容缓动滚动到锚点。

http://larsjung.de/fracs/0.12.0/demo/

在拖动时,分小窗显示内容,内容在小窗中齐上界显示。

http://jalxob.com/cool-kitten/

!!一个框架集,号称有漂亮的视差效果,Responsive设计,DEMO不多。

一个简易的锚点缓动型滚动。带几种速度演示。

http://individual11.github.io/Scroll-To/#demo

 

很方便的给指定元素加一个IOS滚动条。

 

一个无限纵向长列表应用。

 

第二页:

 

http://jamesflorentino.github.io/nanoScrollerJS/

!!给选中层提供一个简单的滚动条,好用

 

 

!!酷!沿一条特定路径滚动内容,可以用滚动条,也可以直接切换。

 

 

!!拖动动画演示,这个不错!

 

 

这个已经下载到本地。形成一个浮动在右边的分段目录提示。

各类可随拖动水平线变化的浮动框

http://www.profilepicture.co.uk/demos/stickybox/multi.php#

 

还是一个产生浮动导航条以滚动到锚点的插件,可以用方向键来上下滚动。

http://www.demo.pagescroller.com/

 

 

http://manos.malihu.gr/tuts/cursor_following_menu.html

!!跟随鼠标运动的可展开下拉菜单,点击可做上下锚点滚动。

效果来自上面那个网站,一个非常酷的层滚动条自定义生成。带有可选的theme

 

 

可控制左右翻屏滚动的导航。

 

http://www.azoffdesign.com/plugins/js/overscroll

产生一个类似手机中,可鼠标上下左右拖动的效果,以查看大图。

 

http://www.infinite-scroll.com/trigger.html

用于在长页面中出现一个“更多”按钮,点击后在长页面中载入余下的内容。

 

 

可产生滚动条、导航滚动块、行距缩放、图片内几个点滚动等综合效果。

 

这两个均为自定义层滚动条。

 

 

 

 



[本日志由 admin 于 2013-09-20 10:56 AM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 长页面创意 拖动程序 unheap.com jquery scrolling
相关日志:
评论: 0 | 引用: 0 | 查看次数: 6868
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 300 字 | UBB代码 关闭 | [img]标签 关闭