Html 导航到另一页上的锚定

我只想从一个页面导航到另一个页面上的特定点

我的主页有四个部分

<section>
   <a name="section1"></a>
</section>

<section id="section2">

</section>

<section>
   <a name="section3"></a>
</section>

<section id="section4">

</section>

链接未导航到索引页或索引页的所需部分

提前谢谢

现在我有

<section>
       <a name="section1"></a>
    </section>

    <section id="section2">

    </section>

    <section>
       <a name="section3"></a>
    </section>

    <section id="section4">

    </section>

---

它仍然不工作

您需要一个a-name标签，请参见

---

我认为您在使用传统浏览器（IE8及以下版本）时会遇到这个问题。因为我已经在firefox、chorm和IE9中进行了测试。很好用。但在传统浏览器中失败

为此，您必须使用锚标记而不是divid

例如：

<a name="section1"></a>
<section>section content goes here </section>

<a name="section2"></a>
<section>section content goes here </section>

<a name="section3"></a>
<section>section content goes here </section>

<a name="section4"></a>
<section>section content goes here </section>

部分内容在这里
部分内容在这里
部分内容在这里
部分内容在这里

---

现在，您可以为节元素使用任何想要的类名…

您确定已将文件放置在同一目录中吗？我已经测试了您提供的代码，它正在运行。但是，您可以尝试这样做（以另一种方式为节提供id）：

---

检查javascript代码中是否有“event.preventDefault（）；”一行

---

我在一个w3school引导模板中发现了这个命令，该模板将此命令作为一个块的一部分，该块可以很好地滚动到hashtag。一旦我把它注释掉，链接就运行得很好。

确保您有正确的命名例如：name=“section4”您好，谢谢您的回答。您发送给我的链接声明“HTML5不支持name属性。请改用id属性。”我使用的是哪个？此外，我还尝试在第一节中添加内容，但没有成功。我想导航到另一个页面上的定位点，这没有帮助。谢谢，我没有在同一目录中包含html文件。我有一个名为singlepagenav的查询插件，它不适合这种设置。你能给我指一下它的方向吗？你在使用哪个jquery插件？你在用这个吗？是的，我在用那个，我有多个页面都有相同的nag，所以当部分不在同一个页面上时，我无法导航回相应的页面。我刚刚意识到我可以给链接一个class=“external”，它会导航到相应的页面。谢谢你的帮助，我不认为这是一个问题，有在同一个目录的网页。这是一个页面无法导航到其他页面的问题。我目前在我的网站上遇到了同样的问题。先生，你应该得到一枚奖牌！这一行代码快把我逼疯了！即使我使用的是平滑滚动的代码，删除这行代码也很好。很好，我的朋友。我相信这会帮助很多人。干杯对于那些使用平滑滚动javascript的人来说，这是正确的解决方案。这对我有用。

<nav>
      <ul>
        <li><a href="#section1">ABOUT</a></li>
        <li><a href="#section2">APARTMENTS</a></li>
        <li><a href="#section3">LANDLORDS</a></li>
        <li><a href="#section4">CONTACT</a></li>
      </ul>
</nav>

<a name="section1"></a>
<section>section content goes here </section>

<a name="section2"></a>
<section>section content goes here </section>

<a name="section3"></a>
<section>section content goes here </section>

<a name="section4"></a>
<section>section content goes here </section>

<section>
    <a id="section1">
        CONTENT
    </a>
</section>

<a href="different-page.html#section1">Section One</a>