javascript - 启动时加载 scrollIntoView

Question

我有一个非常基本的 scrollIntoView 函数，每当我单击导航栏中的链接时它就会运行。我遇到的问题是，当页面加载时，它会快速捕捉到滚动位置，然后又回到顶部。我怎样才能让它不会在页面的开头对齐？提前致谢!

这是 scrollIntoView 函数之一:

function aboutUsScroll() {
var aboutUs = document.querySelector(".aboutUs");
aboutUs.scrollIntoView({ block: "start", behavior: "smooth" });
}

这是一些 HTML:

<div class="navBar">
    <div class="navBarButtons">Home</div>
    <div class="navBarButtons">Gallery</div>
    <div class="navBarButtons" onclick="aboutUsScroll()">About Us</div>
    <div class="navBarButtons">Contact Us</div>
    <div class="navBarButtons" onclick="footerScroll()">Social</div>
</div>

希望有人能帮助我:)

Answer 1

您可以在页面内容加载后加载函数:

window.onload = function() {
    function aboutUsScroll() {
        var aboutUs = document.querySelector(".aboutUs");
        aboutUs.scrollIntoView({ block: "start", behavior: "smooth" });
    }
}