html - 使用 href 和 Tocify toc

Question

我正在使用 Tocify 制作 TOC，但遇到了一些麻烦。在这个目录中，我有：“第 1 章”、“第 2 章”......

当我说“见第 1 章”时，在我的网站上有些地方。我必须在我的“参见第 1 章”html 文本中包含“a href”到“第 1 章”。但我不知道我必须在“a href=#....”中写什么。

我怎样才能做到这一点？

Answer 1

它是按如下方式完成的：

基本上，您需要为要引用的元素设置一个 ID。然后你可以写：

<a href="#id">See chapter ID</a>

<h2 id="chapter1">Chapter 1</h2>
<p>Your paragraphs</p>
<p> ... </p>
<a href="#chapter2">See chapter 2</a>

<h2 id="chapter2">Chapter 2</h2>
<p>Your paragraphs</p>
<p> ... </p>
<a href="#chapter1">See chapter 1</a>

希望这对您有所帮助。

编辑：

尝试这样的事情：

$(document).ready(function() {

  var link = $('#linkId');

  var chapter = $('#chapterId');
  var position = chapter.position(); // according to jQuery api
  var offsetTop = position.top; // this should be the absolute offset of the page's top

  // Calls the tocify method on your HTML elements.
  link.tocify();
  chapter.tocify();

  //Call the tocify method with options
  link.tocify({
    showEffect: "fadeIn"
    scrollTo: offsetTop, 
    smoothScroll: false
  });

• 您不能同时使用 tocify 和 #-href，因为正如您所见，它们会覆盖 url。因此，您必须使用 jQuery 或 tocify 方法（请参阅 api's）来滚动到特定元素。

• 或者您可能不想在链接上使用 tocify。