これを使うとスクロールに連動したアニメーションが簡単に！わずか2KBの超軽量JavaScriptライブラリ -Sal.js

スクロールに連動して、ページ上の要素をアニメーションで表示するライブラリはいくつかあります。その中でもかなりの超軽量で、他スクリプトへの依存が一切ないスクロールアニメーションのライブラリを紹介します。 しかも実装は超簡単。手間がかかりそうと思っていた人は、ぜひお試しを。 Sal.js Sal.js -GitHub Sal.jsの特徴 Sal.jsのデモ Sal.jsの使い方 Sal.jsの特徴 vanilla JavaScript vanilla JavaScriptで書かれており、他のスクリプトへの依存はありません。 超軽量 2.26KBの超軽量スクリプト。 パフォーマンス パフォーマンスにフォーカスして設計。 実装が簡単 外部ファイルを加えて、HTMLにdata属性を加えるだけの簡単実装。 ライセンス MITライセンスで、個人でも商用でも利用できます。 Sal.jsのデモ デモでは、S

[coliss]

ページ上の要素をアニメーションで表示するのであれば、これが軽量で簡単。

[wordi]

画面内ポップはIntersection Observerを使っているので、IEは兎も角Safariも動かないのでモバイルサイトには使えない/polyfillあった、がMinify7kbなので旧scroll方への改造も手 https://github.com/w3c/IntersectionObserver/tree/master/polyfill

[digdig_o]

そんなに軽いなら気軽に使えるね。 LP作成のときなんかに試してみたい。

[miyakeyuki]

これはブクマ必須テクだわ

[yoshi-na]

素のままではSafariで動かないのは使えんなぁ

[psfactory]

これを使うとスクロールに連動したアニメーションが簡単に！わずか2KBの超軽量JavaScriptライブラリ -Sal.js | コリス

[sima-box]

アニメーション

[k_ume75]

スクロールアニメーションのライブラリ/サンプルかわいい