Anchoring with jquery

I created a scroll anchor with jquery but it only works on the same page, how do I work with different pages?

jQuery(document).ready(function($) {
   $(".scroll").click(function(event) {
     event.preventDefault();
     $('html,body').animate({scrollTop:$(this.hash).offset().top}, 800);
    });
  });