如何通过使用Aurelia单击内部锚链接来保持同一页面？

Question

我正在为一个项目开发一个样式指南,目前我希望在锚点链接上有一个基本的点击行为,以便它们滚动到相应的id.

举个例子:

<a href="#section"></a>

向下滚动到:

<div id="section"></div>

在Aurelia中,默认行为是将链接视为路径.我无法获得内部链接,因为它立即将我发送到外部页面.

有人知道如何克服这个问题吗？谢谢!

Answer 1

根据文档,您可以通过几种不同的方式禁用Aurelia路由器来劫持链接.其中一种方法是使用以下特殊属性之一:

<a href="/some/link" download>Skip Hijacking</a>
<a href="/some/link" download="">Skip Hijacking</a>
<a href="/some/link" router-ignore>Skip Hijacking</a>
<a href="/some/link" router-ignore="">Skip Hijacking</a>
<a href="/some/link" data-router-ignore>Skip Hijacking</a>
<a href="/some/link" data-router-ignore="">Skip Hijacking</a>