如何滚动到另一个页面上的特定 Y 轴点？

Question

我试图弄清楚如何从另一个页面导航到页面的特定点（ID），同时将 y 坐标降低到所需的点。 现在我使用了简单的相对链接，例如：phone.html#live，如果我在页面顶部没有一个带有 position 固定高 200 像素的 div，它会起作用。 这是我尝试实现的 JS 代码，但只读取了第一个条件。 任何帮助都是宝贵的，我在公海。

 //code of the destination page if (location.hash = "phone.html#live") { scrollex(); } if (location.hash = "phone.html#history") { scrollexTwo(); } function scrollex() { console.log("scrollex") window.scrollBy(0, 630); } function scrollexTwo() { console.log("scrollex") window.scrollBy(0, 1320); }

 <nav id="nav"> <a class="link" id="news" href="phone.html">NEWS</a> <a class="link" onclick="scrollex()" id="live" href="phone.html#live">LIVE</a> <a class="link" onclick="scrollexTwo()" id="history" href="phone.html#history">HISTORY</a> <a class="link" id="shop" href="phone.html#shop">SHOP</a> <div class="dividoNav"></div> </nav>

Answer 1

尝试像这样在滚动上放置一个非常小的延迟。

function scrollex() {
  console.log("scrollex");
  setTimeout(() => {
    window.scroll(0, 630);
  }, 1);
}

这样，您可以确保 scrollex function 仅在页面滚动到您想要的位置后滚动。