jQuery 在页面加载时移动到 anchor 位置

Question

我有一个简单的页面设置，例如:

<div id="aboutUs">
  About us content...
</div>
<div id="header">
  Header content...
</div>

当页面加载时，我需要页面自动向下滚动(不需要动画)到 #header，这样用户就无法看到关于我们的 div，除非他们向上滚动。

#aboutUs 具有固定高度，因此不需要任何变量来确定高度或任何东西......如果需要的话。

我遇到了 this other question并尝试针对我的情况修改一些答案，但似乎没有任何效果。

如有任何帮助，我们将不胜感激。

Answer 1

描述

您可以使用 jQuery 的 .scrollTop() 和 .offset() 方法来做到这一点

查看我的样本和这个 jsFiddle Demonstration

示例

$(function() {
    $(document).scrollTop( $("#header").offset().top );  
});

更多信息

• jsFiddle Demonstration
• jQuery.scrollTop()
• jQuery.offset()