Javascript 实现自举粘贴

我有一个带有h1的页面，内容在

标签中，如下所示：

<h1>Content1</h1>
<p>Blablablalbal</p>

<h1>Content2</h1>
<p>Blablablalbal</p>

<h1>Content3</h1>
<p>Blablablalbal</p>

<h1>Content4</h1>
<p>Blablablalbal</p>

<h1>Content5</h1>
<p>Blablablalbal</p>

我该怎么办

---

谢谢。

正如我所说，您只能使用HTML标记：

<div data-spy="affix" data-offset-top="60" data-offset-bottom="200">
  <ul class="nav">
    <li><a href="#title-1">Title 1</a></li>
    <li><a href="#title-2">Title 2</a></li>
    ....
  </ul>
</div>

....

对于您的内容：

<h1 id="title-1">Content1</h1>
<p>Blablablalbal</p>

<h1 id="title-2">Content2</h1>
<p>Blablablalbal</p>
...

Content1
布拉巴尔

内容2
布拉巴尔

...

您可能需要尝试名为的词缀菜单生成器。您只需创建电子表格，标题（h1）在一列中，内容（p）在第二列中，Appizy为您创建好的标记和javascript。这里有

您不需要两者，您只能使用HTML标记。但是你需要把…我需要插入的东西放在中间？我不会做你的工作！创建您的小提琴并尝试我的代码。你准备好试了吗？是的，我试过了，但词缀会转到左边，当我传递到我的h1时，它不会将类更改为活动。检查这个提琴：我想在右边而不是左边浮动词缀，并在当前li通过标题时将一个活动类添加到当前li，例如，如果我超过标题2，则将活动类添加到标题2，如boostrap官方词缀。

<div data-spy="affix" data-offset-top="60" data-offset-bottom="200">
  <ul class="nav">
    <li><a href="#title-1">Title 1</a></li>
    <li><a href="#title-2">Title 2</a></li>
    ....
  </ul>
</div>

<h1 id="title-1">Content1</h1>
<p>Blablablalbal</p>

<h1 id="title-2">Content2</h1>
<p>Blablablalbal</p>
...