Якорь Прыгает по секции внутри страницы

Я пытаюсь реализовать функциональность "Anchor Jumping" с использованием JavaScript и Angular 2 в своем приложении. Значит пользователь может перейти через раздел на странице.

В соответствии с требованием клиента Пользователь может перейти (перейти) к разделу с помощью нажатия клавиши Ctrl + Shift + влево/вправо.

Здесь я добавляю один щелчок, чтобы убрать вопрос, как показано ниже.

введите описание изображения здесь

В качестве примера предположим, что сначала фокус на Меню и пользователь нажимают Ctrl + Shift + Стрелка вправо, тогда фокус должен идти к следующему элементу элемента (например, разделу Breadcrumb или любому разделу).

Я очень смущаюсь, как управлять динамическим загружаемым контентом? (Как я могу считать этот динамический контент в моем разделе?)

Пожалуйста, предложите любую идею для достижения этой функциональности.

Ответ 1

Вам нужен менеджер фокуса. Я бы не стал писать один с нуля, Angular Focus Manager - один из примеров того, как решить эту проблему. Он также включает Mousetrap.js, который добавляет директивы ярлыка.

Ваш динамический контент всегда может быть заключен во что-то (даже в div), управление которым сосредоточено.

Надеюсь, это поможет!