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

时间:2018-02-05 05:14:02
【文件属性】:
文件名称:jquery锚点链接屏幕上下滚动效果
文件大小:187KB
文件格式:RAR
更新时间:2018-02-05 05:14:02
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为导航上显示的标题。
【文件预览】:
index.html
js
----modernizr-2.6.2.min.js(15KB)
1.jpg
icoroll
----jquery.js(91KB)
----icomoon()
--------style.css(235KB)
----icoroll.css(5KB)
----icoroll.js(14KB)
----dark.css(913B)

网友评论

  • 找了很久,很实用。
  • 不错,是我要的效果,谢谢分享!