理论上,脚本应该在跨度中查找活动类,然后执行操作。
我为此使用 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>