Angularjs ionic，如何使用ID为href目标的锚元素

在页面中，我必须使用锚元素，但单击它会跳转到主页

html代码示例：

<ion-view>
  <ion-content>
    <div>
      <ul>
       <li>
         <a href="#html-syntax">sample</a>
       </li>
      </ul>
    </div>
    <div  id="html-syntax">
       <div class="col">sample</div>
    </div>
  </ion-content>
</ion-view>

样品

---

如何在单击“

sample

”时跳转

id=“html syntax”

？

老实说，您的代码应该可以工作。如果您有一个ID为href目标的锚元素，并且页面上也有一个ID相同的元素，那么（大多数浏览器）应该跳转到相应的元素

您只需要确保已正确嵌套了所有元素，因为如果不这样做，您可能会出现页面加载或跳转到顶部等意外行为

<a href="#html-syntax">sample</a>

<div id="html-syntax"></div>

---

还要确保您的锚标记中没有target=“\u blank”，因为这将尝试打开一个新窗口。此外，您在锚定标记上订阅的任何事件仍将像正常情况一样触发。

确保所有元素都正确，页面可以跳转到相应的元素。但加入爱奥尼亚框架，它会跳转到主页。它的url

http://localhost:8100/#/#html-语法是一个框架吗？这有帮助吗（文章中有一个codepen示例，据说是在ionic中）？使用爱奥尼亚的
$ionScrollDelegate.anchorScroll（id）
虽然没有尝试过，但似乎是一个好去处。这个链接在他们的论坛上，可能会有帮助，非常感谢你的添加评论，帮助我解决问题