一个自动为你的文章添加目录和目录UI的小插件
AutoCatelog
功能
根据你的 <h*> 标签向你的文章添加一个具有完整UI的目录
UI包括滚动监听,标题锚点,目录的层级展开与缩回
可以使用预设的CSS(使用
position:absolue
,定位自设)
样例
关于这个插件和UI实现的想法,已在 作者CSDN博客 中详细描述
使用方式 本项目依赖Jquery,若项目包中已有jq,可直接导入autocatelog.js(若需css则一并添加catelog.css) 若无jq,则使用dist目录下的main.js 使用方法可参照demo.html // 你的目录容器,为空时请自行在html中创建类名为(catelog-ctn)的容器以调用css,(类名绑定的CSS)
let catelogCtn = document.getElementsByClassName('catelog-ctn');
// 你所添加文章的最近父元素
let articleCtn = document.getElementsByClassName('article-ctn');
// 实例化
let autocatelog = new AutoCatelog(articleCtn,catelogCtn);
// 初始化
autocatelog.init();
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。