锚点跳过页面内的部分答案

【问题标题】：Anchor Jumping across the section within page锚点跳过页面内的部分
【发布时间】：2017-10-23 10:01:53
【问题描述】：

我正在尝试在我的应用程序中使用 JavaScript 和 Angular 2 实现“锚点跳转”功能，这意味着用户可以跳过页面中的部分。

根据客户要求，用户可以使用Ctrl+Shift+左/右箭头键跳转（导航）该部分。

在这里，我添加一个快照以清除以下问题。

例如，假设第一次关注菜单并且用户按下 Ctrl+Shift+右箭头键应该转到下一个元素项（即面包屑部分或任何部分）。

我很困惑，如何管理动态加载内容？（如何计算我的部分中的这些动态内容？）

请提出任何想法来实现此功能。

【问题讨论】：

我没有使用过 A2，但我确信有一些方法可以在单击按钮/锚点时加载数据并将其呈现给用户。另一种方法是加载 ALL 数据并在页面锚点中使用：rapidtables.com/web/html/link/html-anchor-link.htm
捕获多个按键按下事件stackoverflow.com/questions/5203407/… 在所有按键上释放加载内容，如果速度足够快，只要释放键是箭头键就加载另一种方法是在第一次运行时加载所有内容，然后改为加载内容只显示隐藏的标签
@Raimonds，我们有相同的思路。我根据需要使用捕获多个关键事件完成了这项任务。

【解决方案1】：

您需要的是焦点管理器。我不会费心从头开始写一个，Angular Focus Manager 是如何解决这个问题的一个例子。它还包含 Mousetrap.js，它添加了快捷指令。

你的动态内容总是可以被包裹在一个可以管理焦点的东西（甚至是一个 div）中。

我希望这会有所帮助！

【讨论】：