Как сделать плавный скролл к табу bootstrap?

Question

[Мариана Марианова]

Как сделать плавный скролл к табу bootstrap при нажатии на ссылку? Почему-то сам плавный скролл к открытому табу не происходит
Здесь разместила код https://codepen.io/marishik92/pen/NWGyjqw. Здесь происходит нажатие на ссылку "Все характеристики"

Comments

[n1ksON]

В каком месте не плавно? Я на все кнопки потыкал, везде плавное появление и исчезание текста.

[Мариана Марианова]

n1ksON, Нужно чтобы при нажатии на "Все характеристики" - плавно скроллилось сюда

[n1ksON]

Мариана Марианова, у меня плавно скроллит

Answer 1

[Арсений Матыцин]

Bootstrap завязан на jQuery → а тот умеет делать так:

$(".clickelem").click(function (){
    $('html, body').animate({
        scrollTop: $("#tabname").offset().top
    }, 2000);
});

Лично мне больше импонирует VanillaJS, но она кушается не всеми браузерами:

window.scrollTo({
    top: [elem offset top],
    behavior: "smooth"
});