本地滚动锚点链接从另一个页面偏移

时间:2012-10-15 11:42:57

标签: jquery scroll

我有一个带有主题标签的常见问题解答部分的页面,当点击时会对特定条目进行动画处理。

Aditionaly我有一个固定的Navi所以我确实在jquery中设置了一个Anchor偏移量。

现在我在Startpage上有一个锚点链接到特定的FAQ条目。链接会正确地引导您进入该条目,但是当然不会附加偏移量,因为不会以这种方式触发本地滚动。

当你来自另一个页面时,如何为这些锚点提供偏移?

我试图追加:.wrapperdiv{ position:relative; top:-10px; } 每篇文章。但这没有用。

你可以在这里看到整个事情:

Page索引页面上的anchorlinks链接是三个图标上的链接。

1 个答案:

答案 0 :(得分:1)

您可以测试以下内容:

<script type="text/javascript">

// Check if there's an anchor in the url
if (window.location.hash){
    var id = window.location.hash.substring(1);
}

// then on window load scroll to the called anchor (that will trigger the window scroll 
// so your upper menu can appear again)
$(window).load(function() {
  if (window.location.hash){
    $.scrollTo('#'+id, 300 // uncomment to set offset if you like, {offset: -70}
  );
 }
});

</script>

我假设您在js文件中定义了函数$ .scrollTo(),正如我在http://rueegg-praxis.ch/minimeecache/1349103535a17a59c76f4994e40f602abc25dd4d8b.js

中看到的那样