@WebforSelf

Как стролить до нескольких якорей внутри accordeon bootstrap 4?

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

  • Вопрос задан
  • 64 просмотра
Решения вопроса 1
@DivineDraft
Проблема возникает по той причине, что в скрипте указана прокрутка до класса "anchor", который находит в открытом контейнере, находя первый найденный он останавливается, что вполне логично. Требуется указывать определенный, соответствующий вашей кнопке.
От суда вытекает решение - узнать значение ссылки и далее передать его в метод поиска в контейнере. Так как у вас прикручен там скрипт для открытия/закрытия, то данные действия мы не трогаем и работаем только с прокруткой, можно написать костыль, которой найдет нужный якорь, пример:

p.s. если у вас используется весь внутренний скрипт только для этого аккордеона, то лучше его переписать самостоятельно, выйдет максимум в строчек 30, а работать будет в разы лучше.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы