Question

我有一个网站，我一直在努力，我想解决一个我以前没有偶然发现的问题。它与锚点和嵌套部分有关。

所以代码看起来像这样：

<html>
    <head></head>
    <body>
        <section id="sections"> <!-- FAILS the jumping -->
            <section id="abo0">
            </section>
            <section id="abo1">
            </section>
        </section>
    </body>
</html>

现在使用浏览器，我可以通过像href =“？＃abo0”这样的锚点在不同的section-tags之间跳转。如果父节 - 标签（id =“节”）不在代码中。使用嵌套部分在浏览器中出现什么问题？

我尝试了“？＃sections＃abo0”之类的内容，但似乎没有任何效果，除了删除父节标记。

有关如何解决这个奇怪问题的任何想法？我真的需要设置这个嵌套部分，因为标题不正确，就像我网站目前的设计方式一样。

谢谢！亲切的问候 goldenmaza

Answer 1

删除标识为section的部分，并使用此部分滚动

http://yourwebsite.com/page.html#abo1

您的HTML代码

<html>
<head></head>
<body>

        <section id="abo0" style="height:2000px">sd
        </section>
        <section id="abo1" style="height:2000px">
            asdf
        </section>

</body>

Answer 2

我无法看到它是如何使用的，因为并非所有代码都可用，所以这是第一个展示如何/应该如何使用它的示例。

如果我遗漏了某些内容，请发表评论，我会调整我的解决方案。

＆＃13;

#abo0, #abo1 {
  height: 500px;
  border: 1px solid gray;
  margin: 10px;
}

＆＃13;

<a href="#abo0">Link 0</a>
<a href="#abo1">Link 1</a>

<section id="sections">

  <section id="abo0">
    Text 0
    <br><a href="#abo1">Link 1</a>
    <br><a href="#">Back to top</a>
</section>

<section id="abo1">
    Text 1        
    <br><a href="#abo0">Link 0</a>
    <br><a href="#">Back to top</a>
  </section>

</section>

＆＃13;

如何使用锚点在嵌套时跳转到特定部分？

2 个答案: