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" });
    }
}

Answer 2

到目前为止，感谢大家，但是我犯了一个愚蠢的错误。在我的js中，我有一个window.onload函数正在与我的滚动函数进行交互。我现在修复了。谢谢！

scrollIntoView在启动时加载

2 个答案: