Anchor跳過頁面內的部分

Question

我正在嘗試在我的應用程序中使用JavaScript和Angular 2實現“Anchor Jumping”功能，意味着用戶可以跳過頁面內的部分。

根據客戶要求，用戶可以使用按Ctrl + Shift +向左/向右箭頭鍵跳轉（導航）該部分。

在這里，我添加一個快照以清除問題，如下所示。

例如，假設首次關注菜單，用戶按下Ctrl + Shift +右箭頭，此時焦點應轉到下一個元素項（即面包屑部分或任何部分）。

我很困惑，如何管理動態加載內容？ （我如何在我的部分中計算這個動態內容？）

請建議任何想法來實現此功能。

Answer 1

你需要的是焦點管理員。 我不打算從頭開始寫一篇文章， Angular Focus Manager就是如何解決這個問題的一個例子。 它還包含Mousetrap.js，它添加​​了快捷方式指令。

您的動態內容始終可以包含在管理其焦點的某些內容（甚至是div）中。

我希望這有幫助！