How to make smooth scroll to bootstrap tab?

Question

JavaScript

How to make smooth scroll to bootstrap tab when clicking on a link? For some reason, the smooth scrolling to the open taboo itself does not occur
Here I posted the code https://codepen.io/marishik92/pen/NWGyjqw. Here you click on the link "All characteristics"

Answer 1

Bootstrap is tied to jQuery → which can do this:

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

Personally, I like VanillaJS more, but not all browsers eat it:

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