Я ищу код, который прокручивается до верхней части активной на данный момент панели заголовка моего аккордеона начальной загрузки 3 html / css. Самое близкое решение, которое я нашел в stackoverflow - это фрагмент кода js ниже.

Этот фрагмент кода работает довольно хорошо, но при нажатии на заголовок панели страница прокручивается так, что верхняя часть содержимого панели находится на одном уровне с верхней частью экрана. Есть ли способ изменить это так, чтобы эффект прокрутки приводил к тому, что «заголовок» панели (в отличие от верхней части области содержимого панели) был виден в верхней части экрана?

    $(function () {
    $('#accordion').on('shown.bs.collapse', function (e) {
    var offset = $('.panel.panel-default > .panel-collapse.in').offset();
    if(offset)$('html,body').scrollTop(offset.top); }); });

Дайте мне знать, если я тоже поделюсь загрузочным html-аккордеоном.