jQuery.tocify.min.js是一個免費的JavaScript插件,用于生成動態目錄。
該插件可以讓你快速地創建一個自動生成的目錄,使得你的文章內容更加易于查找和閱讀。
$(document).ready(function() { $('#toc').tocify({ theme: 'bootstrap', extendPage: false, history: true, highlightOffset: 60 }); });
在上面的代碼中,我們用到了jQuery庫和tocify插件庫。我們首先準備好了一個id為“toc”的div,然后用tocify()函數為其生成動態目錄。
通過設置參數,我們可以在風格和行為上對目錄進行自定義。例如,這里我們使用了'bootstrap'主題,讓它能夠與Bootstrap的用戶界面協同運作。
extendPage選項用于指定目錄是否應在多頁上持續存在,可以根據需要設置。history選項可以啟動或禁用歷史記錄功能,這意味著在用戶導航目錄時,頁面將保持不變,但在瀏覽器歷史記錄中仍會記錄。
highlightOffset選項可以設置目錄中活躍元素的高亮偏移量,以確保選中的元素不會被覆蓋。
總的來說,jQuery.tocify.min.js是一個簡單易用的插件,使得網站內容更具有導航性和易讀性。