jQuery how to scroll to certain anchor div on page load

Question

Lately im trying to use jquery more often and right now im having some problem i d like to solve with jquery hope u could help me   I have some web page that includes some anchor tag  lets say the anchor is located in the middle of the page  and on the event onload i want the page to start on that certain anchor tag location meaning the page will be  scrolled  automaticaly to a certain location   That was my previous solution  which is quite ugly since it adds  i to my url   window onload   window location hash    i     Anyway could u tell me how can i do it with jquery   notice  i don t want the user to feel any slide or effect while getting to this location

User · Answer

Just append   id of the div you want to scroll to  to your page url  For example  if I wanted to scroll to the copyright section of this stackoverflow question  the URL would change from   http   stackoverflow com questions 9757625 jquery-how-to-scroll-to-certain-anchor-div-on-page-load   to  http   stackoverflow com questions 9757625 jquery-how-to-scroll-to-certain-anchor-div-on-page-load copyright   notice the  copyright at the end of the URL

User · Answer

START --- scroll till anchor             function                     fn goTo   function                       var top menu height     div menu header   height     5                       alert    top menu height is     top menu height                         html  body   animate                           scrollTop   -1  top menu height     this  offset   top    px                       500                     return this     for chaining                              jQuery              document  ready function               var url   document URL  idx   url indexOf                  var hash   idx    -1   url substring idx 1                     window  load function                    Remove the   from the hash  as different browsers may or may not include it              var anchor to scroll to   location hash replace                       if   anchor to scroll to                            anchor to scroll to         anchor to scroll to                      anchor to scroll to  goTo                                                      STOP --- scroll till anchror

User · Answer

i achieve it like this    if location pathname      registration        html  body   animate   scrollTop      registration   offset   top - 40   1000

User · Answer

There s no need to use jQuery because this is native JavaScript functionality  element scrollIntoView

User · Answer

Use the following simple example  function scrollToElement ele          window  scrollTop ele offset   top  scrollLeft ele offset   left       where ele is your element  jQuery     for example   scrollToElement     myid

User · Answer

I have tried some hours now and the easiest way to stop browsers to jump to the anchor instead of scrolling to it is  Using another anchor  an id you do not use on the site   So instead of linking to  http    YourActualID  you link to  http    NoIDonYourSite   Poof  browsers won   t jump anymore   Then just check if an anchor is set  with the script provided below  that is pulled out of the other thread    And set your actual id you want to scroll to     document  ready function          window  load function           Remove the   from the hash  as different browsers may or may not include it     var hash   location hash replace               if hash                    Clear the hash in the URL           location hash            delete front      if you want to change the address bar            html  body   animate   scrollTop      YourIDtoScrollTo   offset   top   1000                          See https   lightningsoul com media article coding 30 YOUTUBE-SOCKREAD-SCRIPT-FOR-MIRC content for a working example

User · Answer

Have a look at this  Appending the  value into the address is default behaviour that browsers such as IE use to identify named anchor positions on the page  seeing this comes from Netscape   You can intercept it and remove it  read this article

User · Answer

just use scrollTo plugin      document   ready function        window  scrollTo   div

[javascript] jQuery: how to scroll to certain anchor/div on page load?

Examples related to javascript

Examples related to jquery