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

Javascript 在新打开的页面上使用ScrollTo(),javascript,scroll,Javascript,Scroll,我正在试图找到一种方法,在单击链接后在新页面上使用scrollTo()函数。不幸的是,在我的情况下,使用window.onload将不起作用,因为我只想在从特定链接打开页面时滚动 我正在尝试让主页链接并滚动到服务页面的“其他”部分: HTML: 其他服务 JavaScript: 如果可能的话,我最好避免使用jQuery。类似的东西可能会奏效。加载时激发并查看是否在服务页面上,然后滚动“某处”(填写空格!“某处”是“其他”部分的位置) 在主页上: 在服务页面上: window.onload=函数

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

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

HTML:

其他服务

JavaScript:


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

类似的东西可能会奏效。加载时激发并查看是否在服务页面上,然后滚动“某处”(填写空格!“某处”是“其他”部分的位置)

在主页上:

在服务页面上:
window.onload=函数(){
if(window.location.pathname==='/services'){
滚动到(0,某处)
}

}
从主页上的特定链接,您可以使用
散列

主页链接

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

也可以不使用JS,但在链接中将哈希设置为要滚动的元素的
Id

如果页面是服务页面,我不会尝试调用滚动函数,如果服务页面是从主页上的特定链接打开的,我才尝试调用滚动函数。那么您的链接可能会附加一个查询字符串,如
/services?ref=foo bar
,您可以对其进行测试。@klaemo或者当他单击链接时,他可以在本地存储中设置一些内容,并在onload函数中进行检查,因此,url将是透明的。哈希和id版本可能是最标准和干净的解决方案。
<a href="/services#scroll">Other Services</a>
window.onload = function () {
  if (window.location.hash == '#scroll') {
    window.scrollTo(0,document.body.scrollHeight);
  }
}