上方向への高速スクロールによるシームレス遷移

• 株式会社ブルーパドルhttps://blue-puddle.com/conference

ボタンやリンクをクリックした際、画面が自動的に上方向へ高速でスクロールし、そのままシームレスに次ページのコンテンツへと繋がるダイナミックな画面遷移です。通常のパッと切り替わる遷移とは異なり、空間が縦に繋がっているような物理的な連続性をユーザーに強く意識させます。ストーリー体験を重視する特設サイトやポートフォリオに最適です。実装はBarba.jsなどの非同期通信ライブラリとGSAPを組み合わせ、擬似的なスクロールアップとDOMの書き換えを同期させます。