这个插件根据选定的目录内容中的 h1, h2, h3, h4, h5, h6 标签来自动生成目录插入到选定的目录容器中,并且提供一个漂亮的样式效果
监听内容区滚动
点击跳转功能
兼容性:IE10+ (由于使用了...实现思路
滚动的监听通过 getBoundingClientRect 获取元素大小以及相对视口的位置,判断我们的监听对象 h1~h6 标签是否在视口中,如果在则添加 linkActiveClass 类...cl-link-active
注意,如果设置了此值,则需要重写默认样式
selector [可选, Array]
选择目录的标题标签,默认值:['h1', 'h2', 'h3', 'h4', 'h5',...'h6']
如果只希望生成目标内容区的 h2, h3 标签的目录,那么可以设置 selector: ['h2', 'h3']
activeHook [可选, Function]
当激活新的目录项标签的时候的回调函数...topMargin [可选, Number]
第一个目录标签在被认为可见之前需要向下移动的距离,默认值:0
bottomMargin [可选, Number]
同上,向下移动的距离,默认值:0
cool