Якорь Прыгает по секции внутри страницы
Я пытаюсь реализовать функциональность "Anchor Jumping" с использованием JavaScript и Angular 2 в своем приложении. Значит пользователь может перейти через раздел на странице.
В соответствии с требованием клиента Пользователь может перейти (перейти) к разделу с помощью нажатия клавиши Ctrl + Shift + влево/вправо.
Здесь я добавляю один щелчок, чтобы убрать вопрос, как показано ниже.
![введите описание изображения здесь]()
В качестве примера предположим, что сначала фокус на Меню и пользователь нажимают Ctrl + Shift + Стрелка вправо, тогда фокус должен идти к следующему элементу элемента (например, разделу Breadcrumb или любому разделу).
Я очень смущаюсь, как управлять динамическим загружаемым контентом? (Как я могу считать этот динамический контент в моем разделе?)
Пожалуйста, предложите любую идею для достижения этой функциональности.
Ответы
Ответ 1
Вам нужен менеджер фокуса. Я бы не стал писать один с нуля, Angular Focus Manager - один из примеров того, как решить эту проблему. Он также включает Mousetrap.js, который добавляет директивы ярлыка.
Ваш динамический контент всегда может быть заключен во что-то (даже в div), управление которым сосредоточено.
Надеюсь, это поможет!