链接到页面设计部分答案

【问题标题】：link to section onepage design链接到页面设计部分
【发布时间】：2017-09-25 12:56:08
【问题描述】：

我试图在一个页面上创建一个部分的链接。它有时会奇怪地工作，但大多数情况下它会卡在您单击项目的部分，然后如果您想手动滚动它根本不起作用。

据我在网上看到的，没有什么比用 href="#someID" 创建一个标签然后点击它，它应该带我到相应的 id 还是我错过了什么？

<div>
  <div class="content-wrapper">
    <div class="v-center">
      <div class="main-content" style="margin-top: 200px">
        <p> Some Text </p>
        <ul>
          <li><a href="#anmeldungsprobleme">Problem Collection<br></a></li>
          <li><a href="#anmeldungJA">Specific Problem1<br></a></li>
          <li><a href="#anmeldungNEIN">Specific Problem2<br></a></li>
          <li><a href="#">Specific Problem3<br></a></li>
        </ul>
      </div>
    </div>
  </div>

  <div style="margin-top: 400px">
    <div>
      <div id="anmeldungsprobleme">
        <h2>IDC Anmeldung schlägt generell fehl</h2>
      </div>
      <div>
        <p>Descriptive Text</p>
        <p style="color: green"> Username: Placeholder<br> Passwort: *********</p>
      </div>
    </div>
  </div>

  <div id="anmeldungJA">
    <h3>Anmeldung ist möglich</h3>
    <p>Text about the problem</p>
  </div>
</div>

【问题讨论】：

还有什么症状？也许您有多个相同的 ID？它们在页面上必须是唯一的。除了anmeldungNEIN 和# 之外，您在此处发布的代码均有效。同样在您的示例中，您不能去 anmeldungJA，因为它距离 anmeldungsprobleme 不够远
是的，问题是您的 ID 不是唯一的。
@KIKOSoftware 哪些？
你引用了两个不同的 id，并说很明显它们不是唯一的？
@madpat 你的 sn-p 对我来说很好用。它滚动，我没有“卡住”？你的意思是你不能再滚动过去Anmeldung ist möglich 部分还是什么...我不确定这里有什么问题。

标签： javascript html css onepage-checkout

【解决方案1】：

非常感谢您的帮助 @ProEvilz 我在我的 IDE 之外尝试过它，现在它可以工作了...... 似乎是括号内的问题。

【讨论】：

很高兴看到你把它整理好了。尽可能接受您自己的答案，以便人们知道这是关闭的。