Barba.jsを使う

barbajs-fluid-smooth-transition-between-websites-pages

Spule4.infoをリニューアルしました。今回は最近じわじわきているBarba.jsを導入しました。

このスクリプト、まだ国内では行き渡っていない?ようで、コリスさんで取り上げられたものしか見つけれませんでした。


導入はめちゃくちゃ簡単で、

<script src=”src/barba.min.js”></script>
<script>Barba.Pjax.start();</script><body>の終わり直前に入れます。

(CDNは使えませんでした。)

#barba-wrapperをラッパー要素に、.barba-containerを入れ替えるコンテンツ要素に入れれば完了です。

その他、HTTPリクエストが動くWebサーバー上でしかテストできないので注意です。

 

コメントを残す