How to smoothly scroll to an anchor that is on another page?

Question

JavaScript

Hello.
The question is - how can you scroll smoothly to an anchor that is on another page?

Example That is, I need the page to load and then a smooth scroll begins.
<a href="about.html#about">About</a>

$('a[href^="#"]').click(function(){
        var el = $(this).attr('href');
        $('body').animate({
            scrollTop:$(el).offset().top}, 2000);
        return false;
  });

this scheme does not work.
How can this problem be solved.
Thank you.

Answer 1

this scheme does not work.

-
Hang a handler on this very other page:

$(function(){
   if(location.hash){  //Будет #about, к примеру
      $('html, body').animate({
         scrollTop : $(location.hash).offset().top
       }, 2000);
   }
});