文章目錄自動生成器

felix0913 發(fā)布于2019-08-02 10:59 / 3334人閱讀

摘要：提供一個插件，可以實現(xiàn)的文章目錄效果啦不止點擊跳轉(zhuǎn)還滾動激活當(dāng)前鏈接地址使用很簡單文章容器目錄容器支持以上和主流的瀏覽器文章容器，選擇器目錄容器，選擇器每個目錄項的類當(dāng)前激活的目錄項的類可選選擇目錄的標題元素，

提供一個插件，可以實現(xiàn)segmentfault的文章目錄效果啦~~

不止點擊跳轉(zhuǎn)還滾動激活當(dāng)前鏈接

demo地址

使用很簡單

new Katelog({
    contentEl: "kCatelog",
    catelogEl: "catelogList",
    linkClass: "k-catelog-link",
    linkActiveClass: "k-catelog-link-active",
    supplyTop: 20,
    selector: ["h2", "h3"],
    active: function (el) {
        console.log(el);
    }
});

支持IE8以上和主流的瀏覽器

contentEl

文章容器，id選擇器

catelogEl

目錄容器，id選擇器

linkClass

每個目錄項的類

linkActiveClass

當(dāng)前激活的目錄項的類

selector（可選）

選擇目錄的標題元素，默認支持6級樹形結(jié)構(gòu)

默認值: ["h1", "h2", "h3", "h4", "h5", "h6"]

selector: ["h2", "h3"]

supplyTop（可選）

每個目錄需要補充的高度，比如fixed頭部布局會擋住實現(xiàn)，可以設(shè)置supplyTop來修正

如果對你有用的話，給個小星星吧！https://github.com/KELEN/k-ca...

云服務(wù)器 GPU云服務(wù)器自動生成文章自動創(chuàng)建目錄 php生成目錄樹 java的目錄生成

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/52691.html

相關(guān)文章

Markdown 的文章目錄在 Vim 里的終極解決方案

摘要：目前支持的解析引擎更新已經(jīng)存在的文章目錄。生成鏈接風(fēng)格的文章目錄。默認值用于控制保存文件時是否自動更新已有文章目錄。我使用的與相關(guān)的插件解決文章目錄的問題。如果你使用 Vim 編輯 Markdown，而且也為如何生成和更新文章目錄（Table of Contents）而煩惱，那么如下的內(nèi)容將帶你脫離刀耕火種手寫 Toc 的體驗，回歸使用 Markdown 是為了專注于內(nèi)容的初心。一...

cpupro 2019-06-28 10:18 評論0 收藏0
一個騷氣的文章目錄自動生成器了解一下

摘要：左邊的邊欄線則是使用的來畫出來的，根據(jù)層級相應(yīng)做一些調(diào)整，輔以的的效果就可以呈現(xiàn)出不錯的移動效果。這個插件根據(jù)選定的目錄內(nèi)容中的 h1, h2, h3, h4, h5, h6 標簽來自動生成目錄插入到選定的目錄容器中，并且提供一個漂亮的樣式效果監(jiān)聽內(nèi)容區(qū)滾動點擊跳轉(zhuǎn)功能兼容性：IE10+ (由于使用了 node.classList) 地址戳這里 github地址，歡迎sta...

Cympros 2019-08-23 10:53 評論0 收藏0
文章目錄自動生成器

摘要：提供一個插件，可以實現(xiàn)的文章目錄效果啦不止點擊跳轉(zhuǎn)還滾動激活當(dāng)前鏈接地址使用很簡單文章容器目錄容器支持以上和主流的瀏覽器文章容器，選擇器目錄容器，選擇器每個目錄項的類當(dāng)前激活的目錄項的類可選選擇目錄的標題元素，提供一個插件，可以實現(xiàn)segmentfault的文章目錄效果啦~~ 不止點擊跳轉(zhuǎn)還滾動激活當(dāng)前鏈接 demo地址使用很簡單 new Katelog({ con...

CloudDeveloper 2019-08-26 17:40 評論0 收藏0
如何利用showdoc自動生成API文檔

摘要：仿照此種寫法，在你的項目中插入類似的注釋，也能達到自動生成文檔的效果。執(zhí)行以下命令，腳本會自動遞歸掃描本目錄和子目錄的所有文本代碼文件，并生成文檔。如果是，程序會自動進行格式化展示。介紹 showdoc是一個適合IT團隊的文檔工具，閱讀本文前需要對showdoc有基本了解 ?；窘榻B可看：https://www.showdoc.cc/help 對于寫API文檔這件事，雖然說文本編輯...

linkin 2019-07-01 10:32 評論0 收藏0
如何利用showdoc自動生成API文檔

摘要：仿照此種寫法，在你的項目中插入類似的注釋，也能達到自動生成文檔的效果。執(zhí)行以下命令，腳本會自動遞歸掃描本目錄和子目錄的所有文本代碼文件，并生成文檔。如果是，程序會自動進行格式化展示。介紹 showdoc是一個適合IT團隊的文檔工具，閱讀本文前需要對showdoc有基本了解 ?；窘榻B可看：https://www.showdoc.cc/help 對于寫API文檔這件事，雖然說文本編輯...

周國輝 2019-08-26 12:16 評論0 收藏0