首页 > 导航菜单特效 / jquery特效插件 / > jquery锚点链接屏幕上下滚动效果

jquery锚点链接屏幕上下滚动效果

点击: 26601 , 发布日期: 2013-6-7
jquery锚点链接屏幕上下滚动效果

jquery锚点链接屏幕上下滚动效果

固定在页面右侧的锚点链接导航菜单,点击对应的导航栏目页面自动滚动到对应的锚链接名所在的位置,当前导航以抽屉式从右往左滑出显示,图标与CSS样式经过了加密处理,如果想要修改的话也可以自行修改使用,主要还是它的效果。

js代码说明:

icoroll({
			links:$('.scroll'),
			tip_distance:30,
			back_enabled:true,
			time:1500
		},{
			position:'right',
			elements:[
			{ 'class':'icon-home-2','href':'#home','content':'About'},
			{ 'class':'icon-chrome','href':'#browsers','content':'Browser support'},
			{ 'class':'icon-mobile','href':'#responsive','content':'Responsive'},
			{ 'class':'icon-pencil','href':'#colors','content':'Theme change'},
			{ 'class':'icon-cogs','href':'#configuration','content':'Configurable'},
			{ 'class':'icon-box-add','href':'#package','content':'Package'},
			{ 'class':'icon-IcoMoon','href':'#iconmoon','content':'Icomoon'},
			{ 'class':'icon-arrow-left-2','href':'#history','content':'History'}
			]
		});

主要部分就是elements中的各个记录,class为它所对应的样式,href是对应的锚链接的ID,content为导航上显示的标题。

关键词: jquery插件 屏幕滚动 锚链接 导航

注:用QQ登录后即可下载特效,当然你的积分是有限的,望好好利用与赚取!如何获得积分

我要评论
登录再评论
全部评论
效果简直非常棒,想下载一个用在项目中试试
久伴゛
2016-3-31 9:53:02
终于找到了这么好的特效,可惜积分不够啊。
ζ拓荒™
2016-3-24 9:48:48
不错 很实用~
噎死爱肚
2016-3-7 14:00:36
效果很棒,积分不够
🍁Aaron
2016-1-12 13:00:02
这个东西很好
快速建站
2015-12-29 12:09:26
不错哦
清泉
2015-12-21 9:28:45
太帅了,真的好用
不靠谱、青年
2015-12-17 22:01:43
不错,喜欢的
图克
2015-12-16 15:56:20
可以的
Syri
2015-12-14 11:16:15
这个挺好的额
L丶ty
2015-12-12 11:36:36
让我下载呗,分数不够呢
初见ゝ莫名君
2015-11-30 22:12:56
太酷了,我喜欢,放在整个界面显得大气上档次\(^o^)~
。*)。@_@ 。(*。
2015-11-18 20:27:29
好想下载试用看看啊
一曲流殇
2015-11-10 19:51:10
看一下
网推部-孙乃靖
2015-11-10 16:54:36
确实是不错的东西, 比较实用
💎
2015-11-2 17:20:08
找了好久 修改一下就能用
我来自1993@
2015-10-30 13:51:30
不错,赞一个
River
2015-10-26 21:14:15
这个效果很喜欢,找了好久终于找到了,立马收藏
尘忆梦
2015-10-19 14:34:24
效果很不错,我去掉了图标 怎样让文字靠左显示
Virgo
2015-10-19 11:12:00
想要啊,积分不够,有谁有的,可以共享不
水木軒 ∮~ ~
2015-9-24 0:08:24
效果很好 找了很久
糖十八
2015-9-20 14:32:43
想要的特效,怎么才能得到积分啊
鱼~
2015-9-18 15:58:53
这个特效太好了
≮那点风
2015-9-16 15:04:23
真的非常好的资源
CJ
2015-9-10 15:58:10
这个JS不错。
毛毛
2015-9-2 16:33:52
找了很久的特效,这个是想要达到的效果
melody
2015-9-1 11:38:19
好想要哦,就是积分不足呀
街角
2015-8-26 16:51:41
这个效果很喜欢,找了好久终于找到了,立马收藏
王成
2015-8-25 15:47:00
这个特效真的好棒
慧慧
2015-7-28 10:22:46
好东西呀,不错
仓木麻衣
2015-7-23 16:03:03
非常不错的效果,找了根究了
—视阈 ☂———————
2015-7-15 14:14:59
我想下载
梦想罗马
2015-7-4 14:35:22
真的不错
Minions
2015-7-1 23:48:11
找了很久,太感谢了
黑黑虎
2015-6-23 11:05:56
这个特效好,找了很久了
嘻嘻
2015-6-16 16:14:05
谁已经将这个效果下载了……
富春江畔的新娘
2015-6-16 14:30:34
找了很久,没有积分下载忧桑
枕上雪
2015-6-8 16:58:06
积分不够了,特效很好
无月
2015-6-1 15:51:34
效果体验感不错
lilang
2015-5-27 9:12:54
真心不错
^_^微云^_^
2015-5-25 12:38:12
这个特效就是我长期以来最想要的效果
Sccy、
2015-5-20 14:49:55
icon-图标名 这里的图标名是从哪里提取来的?怎么修改?哪位大神指导下!感激不尽!发邮箱或+QQ592893526
QQ592893526
2015-5-20 9:52:05
很漂亮的特效
oo゛艹cοηɡ亽
2015-5-13 17:19:04
这个效果不错,正是需要的
dream
2015-5-11 10:22:07
这个特效好
Κόκκινο
2015-5-7 9:57:59
很好啊,没有积分下载
Sunshine
2015-5-7 8:51:20
终于找到你,可是积分不够用,泪流满面啊
默姗宝贝
2015-5-6 10:00:03
好,不错
光知道是不够的
2015-4-27 17:54:30
这个非常好找了恒久了
★天字辈♠齐天圣★
2015-4-23 16:13:49
怎么才能下载呢
是什么样的天气
2015-4-19 11:46:36
这个特效很不错,正是我需要的,想学习一下里面的实现原理
watch the sky
2015-4-17 18:05:39
是我要的啊 可惜没积分啊
2015-4-17 17:37:12
我更喜欢右侧这个导航条
末雨 °forever|▎
2015-4-14 16:53:52
真的很不错,学习了
2015-4-9 15:27:50
积分不够啊,555
看灯泡里的鱼
2015-4-9 8:18:38
找了很久,谢谢分享
七千米海岸 。
2015-4-3 15:04:29
好炫,一直很想找一个这样的特效,终于找到了!
KG|Thanator
2015-3-30 10:57:27
非常漂亮实用的,效果很不错!颜色改一改就可以直接用了
說莪愛聽旳
2015-3-30 8:32:22
这个不错,看了好几个其他类似的特效,这个最合适。
边边
2015-3-26 15:29:52
很好,找了老半天终于找到了
~
2015-3-20 16:03:28
不错 太需要了
触摸不到的幸福
2015-3-19 10:50:30
这个效果找了好久了,很不错
爱尚-熊辉
2015-3-18 10:49:09
正需要这个,找一下午了。积分不够,不能下载。
太好了
2015-3-12 20:24:46
很好很强大,强推
svaui
2015-3-5 10:39:29
正需要这个呀啊啊啊啊,可惜积分不够,快点攒积分啊啊啊啊
Never Grow Old
2015-3-2 11:46:34
这个效果不错,正是需要的
Arthur
2015-2-13 21:17:47
没有比这更合适的了,找了好久,就是要找这种仿小米的
Drupal猎人
2015-2-13 13:38:21
终于找到了,
Lawliet、
2015-2-12 13:56:35
效果不错,我找了很久。
zlaaa
2015-2-9 9:03:25
我想要啊,好不错
风筝不断线
2015-2-5 23:52:45
这个插件很不错啊,收藏了
黄豆
2015-2-4 16:40:52
这个不错,就是低版本浏览器,不显示ICO图标。
ZiYang
2015-1-29 14:24:12
这个效果非常好看而且高端,很喜欢
kin
2015-1-27 15:50:11
积分不够怎么着??
呀呼嘿、
2015-1-27 14:52:20
啊,就是你了,快到碗里来
夜鹰
2015-1-26 15:45:15
挺好 就是不能下载
有药吗
2015-1-26 11:14:38
东西不错 ,积分不够啊
我是无赖
2015-1-26 10:55:20
积分怎么来的
Mr.Wrong
2015-1-22 17:31:18
这个特效做的很是养眼啊。。。值得留下来参考。
残梦
2015-1-13 21:40:04
很需要,没积分
腾佳科技-美工
2015-1-13 17:25:18
这个不错
网站建设
2015-1-13 10:19:39
很实用的js,前端必备
アˇ夏~て
2015-1-10 10:48:50
找了好久想要得效果啊,就是积分不够。。。
浅时光 、❤
2015-1-9 16:12:01
这个特效太好了,我找了整整一天了,终于找到了,要是能够免费分享就更好了,支持!
从零开始
2015-1-8 15:24:14
没有积分咋整啊 = =
石头
2015-1-7 9:47:07
看看~
无际无涯
2015-1-7 4:28:56
买糕的,找了N久的效果没找到,今天莫名其妙的就出来了,说多了都是泪啊!!!收藏了再说
________________
2015-1-4 16:07:36
挺好的
至尊&快乐
2015-1-2 19:54:14
没有积分啊没有积分,郁闷
いFelix
2014-12-30 13:43:24
很棒的特效
Republic。
2014-12-25 12:01:19
超赞 我正需要这个
乐俊〃
2014-12-24 16:47:51
非常棒!!!太好
酒壮怂人胆
2014-12-24 16:01:37
这个效果,很炫很稀饭,很开心
椰猫喵喵
2014-12-20 15:48:05
正是我需要的效果,只是积分不够,急!
潜伏
2014-12-20 14:03:07
特效很好。急需下载使用
ZhoUyAng。
2014-12-17 16:19:52
积分不够啊。。。。。
李凯敏
2014-12-12 14:30:38
积分.
凍結の翼
2014-12-11 14:12:19
下载下来看看
Vincent
2014-12-10 16:40:03
灰常好的效果。赞!
再见哥白尼二号
2014-12-9 23:36:20
怎样赚积分
GG-天河-cup
2014-12-8 20:38:13
代码精辟 效果很赞 很实用
事在人爲
2014-12-8 9:59:24
积分不够
MR.Greed
2014-12-3 15:16:56
好特效!
哼哼哈哈
2014-12-3 14:38:28
太棒的插件了,好牛!
等待2014
2014-12-3 14:03:09
好东西,很赞,找了好久,可素下载不了,(┬_┬)想要积分
dandelion,
2014-12-2 18:30:15
很不错的特效,效果正是我要找的,谢谢楼主
o.o起床La
2014-11-27 12:44:47
我积分不够但是很想要怎么办?
never
2014-11-26 20:46:05
很喜欢这种抽屉式的效果
青和
2014-11-26 13:03:34
效果很好,请到碗里来
蓝色主旋律✿
2014-11-25 19:18:28
这个效果太好了,找了半天终于找到了。站长威武。
肖恩→企业
2014-11-25 11:20:03
不错的东西。给力
Alan'
2014-11-24 10:47:04
不错,学习中
景万里
2014-11-23 11:28:11
快到碗里来啊
Danny Yo
2014-11-19 23:55:43
效果很好看,找了好久的
水中泪
2014-11-19 13:21:41
很赞的效果~导航栏也漂亮
manbo
2014-11-19 10:55:04
这个,确实很好看,很喜欢的样子,希望多多出品
華新酒业
2014-11-19 10:23:02
积分不够啊
岁月 无声
2014-11-17 18:14:04
我不知道这个评论要说什么才能有积分,我之前很多评论都没有积分。到底有人在注意这个么???
- -!
2014-11-16 12:51:47
非常好。可惜没分下载
温暖
2014-11-11 17:42:55
效果很好,很实用
沙扬娜拉
2014-11-10 17:36:50
就要这种特效,购买了积分还没到位,急死了,不知道下载后有没有简单的说明
H.Rong
2014-11-8 21:46:25
效果很赞太需要了
oοゞ柰哬喬哋囵冋ゝゞοo
2014-11-8 13:41:44
还行吧
驿路梨花
2014-11-6 10:31:51
想要这个效果啊!!!
小小
2014-11-5 10:57:46
嗯,,很需要,,不错
灰阁烟雨
2014-11-4 9:04:13
找了好久的效果啊,终于找到了,积分不够,楼主求积分~
╭ァ掂著腳尖悸落飘蕶
2014-11-3 17:22:04
不错! 很需要
2014-10-30 10:37:07
六月飞霜
今晚打老虎
2014-10-24 15:22:47
没有积分,不能下载
淡示
2014-10-24 11:45:02
这个不错
清秋
2014-10-19 12:09:18
找了好久,积分不够
&-+囧=囧啊哈
2014-10-18 20:54:21
效果很赞,很需要
ωǒ哊点坏
2014-10-16 9:11:56
这个特效相当不错啊,就是我需要的。
陌途
2014-10-14 16:15:02
正需要这个呢
云游
2014-10-12 15:18:50
就是这个
世间哪有真情在丶
2014-10-10 11:14:33
正需要这个,找一下午了。积分不够,不能下载。
丹思止雨←
2014-10-8 16:30:16
非常漂亮实用的,效果很不错!颜色改一改就可以直接用了
保欣酒业Boss-Wine
2014-9-28 16:56:00
我也很需要这个,快到碗里来啊~
小、过客
2014-9-26 10:11:03
正需要这个,找一下午了。积分不够,不能下载。
老街深巷旧胡同
2014-9-16 17:27:04
很不错的效果,值得好好学习一下!
十二月的雪
2014-9-12 11:17:14
我很需要这个,积分快到碗里来
蓝色飞阳
2014-9-11 16:05:13
我不知道这个评论要说什么才能有积分,我之前很多评论都没有积分。到底有人在注意这个么???
浮、雲♪
2014-9-11 10:29:51
很好的效果,有用
eleven
2014-9-9 16:23:39
不错啊
NPC
2014-9-9 0:15:21
正需要这个
小董
2014-9-2 22:47:03
没有积分,不能下载
小河
2014-8-29 10:00:28
要的就是这个效果啊,非常好
❤Jone丶
2014-8-27 11:04:47
效果很好,但是没有积分呀
⺗↗緗つ銥
2014-8-26 11:55:08
很棒
quanshidaima
2014-8-23 14:34:09
好东西我要积分
@##$(魔)%$#@
2014-8-18 11:07:15
找了好久的效果啊,终于找到了,积分不够,楼主求积分~
小序
2014-8-12 9:14:38
很需要这个锚点插件
apollo14888
2014-8-9 13:15:17
正是需要的效果,可是积分不够怎么办
Lily 寻
2014-8-8 8:50:21
我要积分!
小木偶
2014-8-7 14:51:54
不错啊,赞一个
鱼虾
2014-8-6 15:06:48
很不错 我想知道能不能在移动上使用
paul
2014-8-6 11:16:23
就需要这个效果,积分不够怎么破
2014-7-27 21:03:26
非常好!
编号8243
2014-7-24 13:02:19
积分不够怎么办
GE
2014-7-18 8:48:27
积分不够无法下载
舜网技术小张
2014-7-17 16:39:11
很好,是我要的效果。
阿童木
2014-7-16 15:10:03
好看实用帅呆了
杨林
2014-7-16 10:05:20
没有积分啊,怎么下载
洋葱头
2014-7-15 15:35:19
怎积分不够
唐朝的那些事
2014-7-12 11:58:14
现在很流行的特效,值得学习
彦彦
2014-7-12 7:59:53
很需要这个功能
Coup de Grace
2014-7-8 9:56:45
好像要这个效果啊~
Km
2014-7-7 16:28:25
就是这个效果,特别想要!!!就是积分有点高
浅秋。
2014-7-3 16:19:07
效果很好 想要这个效果
Mars′|.Wong
2014-6-30 9:45:14
正需要
绝忍幻魇
2014-6-26 14:23:10
效果很带感,以后用得方貌似很多~
晕倒崩溃\/yun
2014-6-18 12:38:35
效果很好啊 就是自己想要的 可是没那么多积分下载啊 伤心
落叶归根
2014-6-17 11:05:39
看着很不错的样子,正需要
shniu
2014-6-16 23:40:40
这个特效非常棒啊,好想用啊,站长很牛!
花样年华
2014-6-15 23:42:31
T_T积分不够无法下载
2014-6-12 11:23:44
好看实用帅呆了
♛Princeの乖☤
2014-6-11 12:10:59
不错,正需要
一起飞翔
2014-6-11 11:28:55
就是想要的效果,谢谢楼主
Brooklyn
2014-6-6 17:59:33
效果不错。
娜娜
2014-6-4 17:16:29
很好的效果 就是积分有点高
Fate. 縋钇
2014-6-2 21:04:51
看效果了,真是想找的,很不错!
\/mg 楼外楼
2014-6-2 14:01:46
不错不错
简单的梦幻
2014-5-28 15:56:23
不错 很好
开始新的生活
2014-5-25 11:21:38
真心不错!!!
平凡相依
2014-5-21 16:51:47
特效很不错,很顺畅
凯凯
2014-5-9 17:20:26
很不错的效果,正是想要的,找了好久
墨妃时尚
2014-5-3 13:17:03
很帅气的效果啊
左边、
2014-5-2 12:06:57
需要需要啊,着急用
满大哈哈
2014-4-28 10:52:41
很棒的效果!
何必如我
2014-4-22 9:50:59
很不错的效果,正是想要的
爱&静夜
2014-4-21 17:35:14
很帅气的效果啊
插队の候鸟
2014-4-17 22:14:09
真想要啊
搜索客
2014-4-12 17:28:06
效果不错
Warmべ゛Color
2014-4-12 9:52:20
怎样才能有积分?
时光机
2014-4-9 14:53:57
效果很好,太给力了
半夏
2014-4-3 18:36:42
不错的效果,很喜欢!
传奇色彩
2014-4-3 11:58:36
效果真的不错,如果有其他颜色的就好了
繁华向左
2014-3-22 16:43:07
非常好的效果 积分不够啊 希望站长能够分享
忘忧
2014-3-20 11:26:18
看看
Lw
2014-3-17 23:29:03
正是我想要的效果,好好学习下
Hulk。
2014-3-13 17:04:20
正是我想要的效果,好好学习下
亚历山大
2014-3-9 16:41:00
效果挺实用的,积分有点高
佚名
2014-3-9 9:47:23
效果很好啊 就是自己想要的 可是没那么多积分下载啊 伤心
墨迹人参
2014-3-4 9:06:58
挺不错挺不错挺不错挺不错挺不错
设计昰涳、
2014-2-26 10:43:31
这个效果非常好,学习了!
Sky_⑩鈅24號→⒁♂
2014-2-24 10:36:15
很好,可惜积分多了点!
Sky_⑩鈅24號→⒁♂
2014-2-24 10:32:04
这个可效果还是很实用的
蓝色星期三
2014-2-24 3:27:27
挺不错
专属幸福
2014-2-20 14:42:13
这个特效相当棒
就是这么个事
2014-2-18 15:03:07
简洁友好,尝试改一改~
Joshua
2014-1-29 20:24:21
这个效果很养眼
倒带
2014-1-7 20:59:05