锚标签链接到具有动画的不同页面上的ID

Question

I have 2 page website, im trying to link second page back to first page where the div is present im trying with.

<li class="menuitem">
    <a href="index.html#services">Go Back</a>
</li>

It goes to the div with id tag services and leaves the id tag on address bar.

Im trying to animate it to the place and remove id tag from the address bar.

this is how page 1 looks like -

<div id="home"></div>
<div id="about"></div>
<div id="gallery"></div>
<div id="services"></div>
<div id="contact"></div>

jquery used for linking div in same page -

$(function() {
    $('a[href*=#]:not([href=#])').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
            if (target.length) {
                $('html,body').animate({
                    scrollTop: target.offset().top
                }, 1000);
                return false;
            }
        }
    });
});

Answer 1

with window.location.hash you can read and write the hash-value. So on pageload you do basically the following:

$("html, body").animate({ 
   scrollTop: $('#'+window.location.hash).offset().top 
}, 1000);
window.location.hash='';

Answer 2

You can not modify URL after it loaded you have to play with your request

http://api.jquery.com/focus/

Try using cookie storing and then using jquery you can focus on that one

Or using javscript

window.onload=getloaded();
function getloaded() {    
      var g=document.URL ;
      if(g.indexOf('services')!=-1) {
          // focus on services
      }
}

or like this

$('html,body').animate({scrollTop:$("#your element").offset().top},'slow');

Answer 3

Simply use anchor tag with

href="my_page.html#my_anchor_name"

which will scroll to any html element with id equal to my_anchor_name in the page my_page.html provided the page belongs to the same domain. If you want to link within the same page, simply omit the page name my_page.html .