Html 主下拉菜单文本指向页面，下拉选项指向页面上的定位点

目前，使用我的代码，下拉菜单可以工作并显示其他选项，但是当您单击实际的“交易”文本（这是菜单的主文本）时，什么也没有发生，它不会带您进入预期页面

我正在使用最新版本的引导

<li class="dropdown">
  <a href="trading.html" class="dropdown-toggle" data-toggle="dropdown">Trading <span class="caret"></span></a>
  <div class="dropdown-menu">
    <ul>
       <li><a href="a.html">Product Group A</a></li>
       <li><a href="b.html">Product Group B</a></li>
       <li><a href="c.html">Product Group C</a></li>
    </ul>
  </div>
</li>

我计划创建“交易”页面，其中包含三个部分，每个部分都有自己的定位点，下拉菜单中每个产品组对应一个定位点

当你点击“交易”时，我希望它能把你带到页面的顶部。但是，假设您单击“产品组B”，我希望它将您带到“交易”页面，但将您带到链接到该部分的页面上的定位点

希望我已经解释得足够好，专业人士能够理解，并可能会提供一些帮助

---

谢谢

使用拆分按钮怎么样

由于某些原因，在组内使用

而不是

时，“主按钮”的样式会有所不同。因此，您需要更正样式，以便将其与普通锚定标记一起使用。但不应该太麻烦

<a href="trading.html" class="dropdown-toggle" data-toggle="dropdown">Trading <span class="caret"></span></a>

<div class="dropdown-menu">
    <ul>
       <li><a href="anchor point A on trading">Product Group A</a></li>
       <li><a href="anchor point B on trading">Product Group B</a></li>
       <li><a href="anchor point C on trading">Product Group C</a></li>
    </ul>
  </div>