Как сделать вертикальный скролл в аккордеоне для компонента b-collapse от bootstrap-vue?
Я пишу аккордеон на vue + vue-boostrap. Использую в качестве коллапса компонент b-collapse. Содержание вкладок аккордеона достаточно объемное и занимает большую часть видимой области.
Из-за этого, когда до выбранного открывающегося блока расположен блок, который был ранее открыт (и подлежит закрытию) блоки аккордеона "прыгают", т.е. получается что закрывающийся блок утягивает за собой открывающийся.
Мне бы хотелось что бы при клике на вкладку она поднималась до верха экрана и после этого коллапс раскрывался.
Спасибо за интерес.
На первом видео дефолтные аккордеон. https://disk.yandex.ru/i/H88M5_YWjAaTdQ
На втором я использую .scrollIntoView(), но он срабатывает только если цеплять его с событию shown т.е. когда событие открытия коллапса завершено, с событием show .scrollIntoView() не работает. а такой результат не подходит. Использование .$nextTick не помогает. https://disk.yandex.ru/i/twfpKjHYjiIJyw
Кирилл,
1. Ещё актуально?
2. Я правильно понял, что проблема во втором видео следующая: хотите чтобы сначала закрылись предыдущие, потом кликнутый аккордион оказался в верху экрана и только потом начал раскрываться? А сейчас прокрутка до верха происходит после того, как он раскрылся?