jQuery移动到页面加载时的锚点位置

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

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

页面加载后，我需要页面自动向下滚动（无需动画）到#header，因此除非向上滚动，否则用户看不到About About。

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

我遇到了另一个问题，并尝试根据自己的情况修改一些答案，但似乎没有任何效果。

任何帮助，将不胜感激。

描述

您可以使用jQuery.scrollTop()和.offset()方法来执行此操作

查看我的样本和此jsFiddle演示

样品

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

更多信息

• jsFiddle示范
• jQuery.scrollTop（）
• jQuery.offset（）

您是否尝试过JQuery的scrollTo方法？http://demos.flesler.com/jquery/scrollTo/

或者，您可以扩展JQuery并添加自定义方法：

jQuery.fn.extend({
 scrollToMe: function () {
   var x = jQuery(this).offset().top - 100;
   jQuery('html,body').animate({scrollTop: x}, 400);
}});

然后，您可以像下面这样调用此方法：

$("#header").scrollToMe();

将其放在页面底部的“结束” Body标签之前。

<script>
    if (location.hash) {
        location.href = location.hash;
    }
</script>

jQuery实际上不是必需的。