【文件属性】:
文件名称:avalon-fixed-floating-nav:修复了 avalonjs 的浮动导航栏
文件大小:8KB
文件格式:ZIP
更新时间:2021-07-07 06:50:34
JavaScript
Fixed Floating Navigation Bar for Avalonjs
一个页面内导航的 avalonjs 插件,可以在滚动时固定在头部
demo 页面请看
功能
滚动时固定在顶部
点击导航项跳转到相应锚点
在滚动到某个区域的时候高亮显示当前区域的导航项
自动从 nav 标签里面的 a 便签里面解析导航项
用法
用起来超级简单,在模型里面配置项目名字和要跳转的锚点 id 就 OK 了:
fixedfloatingnav: {
navItems: [
{label: "项目一", anchor: "item1"},
{label: "项目二", anchor: "item2"}
]
panelHeight: 110, // 导航条容器的高度
navBarHeight: 40, // 导航条高度
of
【文件预览】:
avalon-fixed-floating-nav-master
----.gitignore(41B)
----example.html(2KB)
----README.md(926B)
----fixedfloatingnav()
--------images()
--------fixedFloatingNav.css(1KB)
--------fixedFloatingNav.js(9KB)
--------fixedFloatingNav.html(737B)
--------fixedFloatingNav.scss(1KB)
----bower.json(699B)