いい感じのポートフォリオが作れるライブラリ

スクロールを制御していい感じのポートフォリオを作ることができるライブラリです

ダウンロード

インポート

<link rel="stylesheet" href="assets/easingscroll/css/easingscroll.css">
<script type="text/javascript" src="assets/jquery/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="assets/easingscroll/js/easingscroll.js"></script>

使い方

body内にpage要素を作りease属性に使いたい動きを指定してください

<page ease="quadratic">
  <p>テスト</p>
</page>

デフォルトで使える動き

ease属性解説
default上から下へ
quadratic下から真ん中 真ん中から下へ
reverse_quadraticquadraticの逆
cubic上から真ん中 真ん中から下へ
reverse_cubiccubicの逆

下記のサンプルサイトを見たほうが早いと思います