Javascript滚动过去哈希

Question

我的页面顶部有一个固定的 div，页面下方有一个链接列表。有一个用户可以点击运行 onclick 的链接：

function setOffset(){   
location.hash = offset;  //where offset is some number I want as the hash  
scrollTo(0, 40);  
}  

我想要发生的是跳转到散列链接，然后额外滚动 40 以将项目带入视图并从固定 div 下移出。问题是 scrollTo 跳转到页面顶部并杀死哈希。有人有想法么？

Answer 1

http://www.w3schools.com/jsref/met_win_scrollto.asp

scrollTo(xPos, yPos)

所以在你的代码中：

scrollTo(0, 40);

表示滚动到 0 的 x 位置（左侧）和 40 的 y 位置（从顶部向下 40 像素）。您将需要计算哈希的位置，然后将其添加 40，以额外滚动 40 像素。我相信你可以通过它的 offSetTop 属性来获取页面上元素的位置。

HTH。

编辑： 所以看起来在你的例子中你已经有一个偏移量，我假设它是你试图滚动到的元素的偏移量，所以你的代码看起来像这样：

function setOffset(){   
scrollTo(0,offset + 40); 
}