Sal

Salは、パフォーマンスを重視した軽量なスクロールアニメーションライブラリです。要素がビューポートに入ったときに、動きのあるアニメーションを簡単に追加できます。パッケージサイズはわずか2.8 kb未満で、依存関係もないため、すっきりとしたユーザー体験を実現します。

Intersection Observer APIを使って、要素が画面に表示されたことを効率的に検知し、それに応じてアニメーションを実行します。このAPIによりパフォーマンスが最適化され、スクロールイベントの監視に伴う負荷を大幅に抑えられます。

HTML要素に`data-sal`属性を追加するだけで簡単に導入でき、希望するアニメーション効果を指定できます。duration、delay、easingなどのオプションは、追加のdata属性やCSS変数でカスタマイズでき、アニメーションの動作を自在に制御できます。対応する効果には、フェード、スライド、ズーム、フリップなどがあります。

初期化後にオプションを変更できる高度な機能も備えており、ユーザーの操作に応じて柔軟に対応できます。また、要素がビューポートに入ったときや出たときのイベントリスナーにも対応しているため、スクロール操作へのリアルタイムな反応が求められるインタラクティブなアプリケーションにも適しています。