jQuery move to anchor location on page load

Question

I have a simple page setup such as    lt div id  aboutUs  gt    About us content     lt  div gt   lt div id  header  gt    Header content     lt  div gt    When the page loads  I need the page to automatically scroll down  no animation needed  to  header  so the user cannot see the About Us div unless they scroll up    aboutUs has a fixed height  so there isn t any need for any variables to determine the height or anything    if that s even needed   I came across this other question and tried to modify some of the answers for my situation  but nothing seemed to work   Any help would be appreciated

User · Accepted Answer

Description

You can do this using jQuery's .scrollTop() and .offset() method

Check out my sample and this jsFiddle Demonstration

Sample

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

More Information

User · Answer

Did you tried JQuery s scrollTo method  http   demos flesler com jquery scrollTo   Or you can extend JQuery and add your custom mentod   jQuery fn extend    scrollToMe  function         var x   jQuery this  offset   top - 100     jQuery  html body   animate  scrollTop  x   400          Then you can call this method like       header   scrollToMe

User · Answer

Put this right before the closing Body tag at the bottom of the page    lt script gt      if  location hash            location href   location hash         lt  script gt    jQuery is actually not required

[jquery] jQuery move to anchor location on page load

Description

Sample

More Information

Examples related to jquery

Examples related to scroll

Examples related to anchor