淡化页面过渡到锚点

我正在尝试平滑过渡到页面中的锚点.目标是当您单击指向锚点的链接时,页面淡出(滚动)并随被调用的锚点本身淡入.

我有这个标记,它正确淡入/淡出,URL更改为被调用的锚,但它不会滚动到被调用的元素

$(document).ready(function() {
  $("a.transition").click(function(event) {
    event.preventDefault();
    linkLocation = this.href;
    $(".container").fadeOut(500, redirectPage);

  });

  function redirectPage() {
    window.location = linkLocation;
    $(".container").fadeIn(500);
  }
});

  
This is A Go to B
  

  ...some large text...

  
This is B Go to A