Anchor跳过页面内的部分
Dip*_*iya 14 html javascript angular2-directives
我正在尝试在我的应用程序中使用JavaScript和Angular 2实现"Anchor Jumping"功能,意味着用户可以跳过页面内的部分.
根据客户要求,用户可以使用按Ctrl + Shift +向左/向右箭头键跳转(导航)该部分.
在这里,我添加一个快照以清除问题,如下所示.
例如,假设首次关注菜单,用户按下Ctrl + Shift +右箭头,此时焦点应转到下一个元素项(即面包屑部分或任何部分).
我很困惑,如何管理动态加载内容？(我如何在我的部分中计算这个动态内容？)
请建议任何想法来实现此功能.
你需要的是一个焦点经理。我不会费心从头开始编写一个，Angular Focus Manager就是如何解决这个问题的一个例子。它还集成了 Mousetrap.js，添加了快捷指令。
您的动态内容始终可以包含在对其焦点进行管理的内容（甚至是 div）中。
我希望这有帮助！