使用href和Tocify toc

Question

我正在使用Tocify制作TOC而我遇到了一些麻烦。 在本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，因为您看到它们会覆盖网址。因此，您必须使用jQuery或tocify方法（请参阅api）滚动到特定元素。

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