webサイトをアニメーション付きでページ遷移させるようにしたい

Question

javascript初心者です。
既にhtml,css,jqueryで作成済みのwebサイトにSPAのようなアニメーション付きの非同期でページ遷移する機能をつけたいのですが、
何か後からサクッとつけられるようなプラグインやライブラリみたいなものってないのでしょうか？
検索するとvue.jsが真っ先に出てくるのですが、どうも後から機能を足すというより最初からSPAありきで設計するような印象を受けました。
Pjaxやbarba.jsも出てきましたが、やはり最初からそれありきでjavascriptなど書かないといけないのかなといった感じです。
何か特別な機能が欲しいわけではなくてただ普通のwebサイトがページ遷移する時にアニメーションがしたいというだけなのですが、ご教授いただけると幸いです。
よろしくお願いします。

Answer 1

質問がないようですが、コードということでよろしいでしょうか？

window.onload = function(){
  $('body').css('display','none').fadeIn();
};
$('a').click(function(e){
  e.preventDefault();
  $('body').fadeOut();
  location.href = $(this).attr('href');
});

Comments

[kyoya0819]

こういうことでいいのかな？

特段難しい処理はしていません。

わからない部分ありましたらコメントまでお願いします。

[lily22]

回答ありがとうございます！
質問が分かりにくくてすみません。
このようにコードで示して頂けると分かりやすくて助かります！

なるほど。非同期通信をしなくてもこういう方法でページ遷移のアニメーションが出来るのですね。
とても勉強になりました！
しかし、私の環境で試した所、ページ遷移アニメーションというよりは、ページ遷移している途中でページが一瞬白くなるというような見え方になってしまいました。
理想の動きはリンクボタンをクリックすると画面全体に何らかのアニメーションが途切れることなく流れ、それが終了すると新しい画面に遷移し終わっているというような感じです。
これを既に存在しているウェブサイトに出来る限りシンプルに実装させたいというのが、希望です。
正直、そもそもどういう手段があるのかという段階からの質問です。
わがままかもしれませんが、よろしくお願いいたします。

[kyoya0819]

なるほど、
言語的には単一ページで擬似的に複数ページを再現するという考えでよろしいですか？

[kyoya0819]

もし、そうだとするとどのような処理で表示を変えているのか、という情報が必要になりますので、質問本文に現状のコードをご記載いただくと的確な回答が可能かと思います。