Cкрипт по идее должен искать у span класс active и потом выполнять действие.
Использую для этого querySelectorAll, но нужно зациклить, чтобы работало через for, я так понимаю, но не получается.
let div = document.querySelectorAll('#naviwka span');
if (div.classList.contains('active')) {
div.scrollIntoView({
inline: "center"
});
} else {
alert('Class does not exist');
}
<header class="example-one-header scroll">
<nav class="vertical-align-middle" id="naviwka">
<span class="nav-item">HOME</span>
<span class="nav-item">ABOUT US</span>
<span class="nav-item">POSSIBILITIES</span>
<span class="nav-item">IMMERSE</span>
<span class="nav-item">WHY OCTAGON?</span>
<span class="nav-item active" id="nav_it">BUILD YOUR FUTURE</span>
</nav>
</header>
document.querySelector('#naviwka .nav-item.active').scrollIntoView({inline: "center"})