javascript - 在新打开的页面上使用 ScrollTo()

Question

我正在尝试找出一种使用 scrollTo() 的方法单击链接后在新页面上运行。不幸的是，使用 window.onload在我的情况下不起作用，因为我只想在从特定链接打开页面时滚动。

我正在尝试让主页链接并滚动到服务页面的“其他”部分:

HTML:

<a onclick="otherServices">Other Services</a>

JavaScript:

function otherServices() {
    window.location = "/services";
    win = window.location;
    setTimeout(win.scrollTo(0,document.body.scrollHeight), 3000);
}

如果可能的话，我最好避免使用 jQuery。

Answer 1

您可以从主页上的特定链接使用 hash。

主页链接

<a href="/services#scroll">Other Services</a>

服务 js

window.onload = function () {
  if (window.location.hash == '#scroll') {
    window.scrollTo(0,document.body.scrollHeight);
  }
}

或者您也可以不用 JS 来实现，但是将链接中的散列设置为您要滚动的元素的 Id。