中秋大礼！

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

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

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

---

图片中的文字：

 

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

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

 

 

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

 

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

 

 

 

 

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 长页面创意长页面创意 拖动程序拖动程序 unheap.comunheap.com jqueryjquery scrollingscrolling
相关日志: