Fixed Floating Navigation Bar for Avalonjs是一个页面内导航的avalonjs插件,可以在滚动时固定在头部。该插件的功能包括:在滚动时固定在顶部,点击导航项跳转到相应的锚点。当滚动到某个区域时,会高亮显示当前区域的导航项。它会自动从nav标签内的a标签解析导航项。

使用方法非常简单,在模型中配置项目名称和要跳转的锚点id即可。

示例:


fixedfloatingnav: {

  navItems: [

    {label: \"项目一\", anchor: \"item1\"},

    {label: \"项目二\", anchor: \"item2\"}

  ],

  panelHeight: 110,  //导航条容器的高度

  navBarHeight: 40   //导航条高度

}