av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

css3文章右邊的TOC菜單是怎么實(shí)現(xiàn)的

瀏覽:123日期:2023-07-22 17:55:35

問題描述

RT,就比如這篇文章CSS3打造3D立方體 在Github找到一個(gè)toc但是不支持中文,例如我二級標(biāo)題是中文的話,生成的toc菜單定位到文中就錯(cuò)誤。 謝謝各位~

問題解答

回答1:

根據(jù)正文的h1、h2、h3等不同層級,使用js來實(shí)現(xiàn)的。和標(biāo)題是不是中文應(yīng)該沒關(guān)系。你找到的那個(gè)toc就支持中文。我試過了。

回答2:

它是以id來定位的。

css3文章右邊的TOC菜單是怎么實(shí)現(xiàn)的

css3文章右邊的TOC菜單是怎么實(shí)現(xiàn)的

如果只看文檔的話,應(yīng)該是

$(’#toc’).toc({ ’selectors’: ’h1,h2,h3’, //elements to use as headings ’container’: ’body’, //element to find all selectors in ’smoothScrolling’: true, //enable or disable smooth scrolling on click ’prefix’: ’toc’, //prefix for anchor tags and class names <----------此處生成id ’onHighlight’: function(el) {}, //called when a new section is highlighted ’highlightOnScroll’: true, //add class to heading that is currently in focus ’highlightOffset’: 100, //offset to trigger the next headline ’anchorName’: function(i, heading, prefix) { //custom function for anchor namereturn prefix+i; }, ’headerText’: function(i, heading, $heading) { //custom function building the header-item textreturn $heading.text(); },’itemClass’: function(i, heading, $heading, prefix) { // custom function for item class return $heading[0].tagName.toLowerCase();}});

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 中文字幕亚洲一区二区三区 | 成人午夜影院 | 2021狠狠干 | 欧美精品一区二区三区蜜桃视频 | av第一页| 国产精品美女久久久久久免费 | 国产目拍亚洲精品99久久精品 | 成人欧美一区二区三区在线播放 | av永久免费| 激情久久av一区av二区av三区 | 一级毛片免费看 | 国产成人99久久亚洲综合精品 | 欧美三级在线 | 91久久久久久久久久久 | 操人网站| 亚洲精品9999久久久久 | 欧美一级欧美一级在线播放 | 天天躁日日躁aaaa视频 | 久草精品视频 | 日本一二三区高清 | 亚洲成人av | 久久精品av麻豆的观看方式 | 欧美日韩中文字幕在线 | 一本色道精品久久一区二区三区 | 天天夜干 | 午夜影院在线视频 | 国产精品69久久久久水密桃 | 亚洲日本激情 | 国产成人区 | 中文字幕av在线播放 | 天天插天天狠天天透 | 亚洲成人精品一区二区 | 91免费电影 | 中文字幕在线一区二区三区 | www.亚洲精品 | 日日射影院 | 亚洲www啪成人一区二区麻豆 | 免费 视频 1级 | 国产精品国产成人国产三级 | 国产日韩欧美精品一区二区三区 | 黄网站涩免费蜜桃网站 |