固定在页面右侧的锚点链接导航菜单,点击对应的导航栏目页面自动滚动到对应的锚链接名所在的位置,当前导航以抽屉式从右往左滑出显示,图标与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为导航上显示的标题。