採用技術にフォーカスしたWebサイトリンク集。
トレンドリサーチや技術選定の参考に、WEBデザインやコーディング、開発の参考にも使えるWebサイトギャラリー。
Check WebTech

ScrollMagic が採用されたサイト事例一覧です。

ScrollMagic helps you to easily react to the user's current scroll position.
It's the perfect library for you, if you want to ...

- animate based on scroll position – either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control).
- pin an element starting at a specific scroll position – either indefinitely or for a limited amount of scroll progress (sticky elements).
- toggle CSS classes of elements on and off based on scroll position.
- effortlessly add parallax effects to your website.
- create an infinitely scrolling page (ajax load of additional content).
- add callbacks at specific scroll positions or while scrolling past a specific section, passing a progress parameter.
(DeepL翻訳)
ScrollMagic を使用すると、ユーザーの現在のスクロール位置に簡単に反応することができます。
次のような場合に最適なライブラリです。

- スクロール位置に応じたアニメーション - アニメーションをトリガーするか、スクロールバーの動きに同期させます(再生スクラブコントロールのようなもの)。
- 特定のスクロール位置から始まる要素を固定する - 無期限またはスクロールの進行に制限を設けることができます(スティッキー要素)。
- スクロール位置に応じて、要素の CSS クラスのオン/オフを切り替えることができます。
- パララックス効果を簡単に追加できます。
- 無限にスクロールするページの作成 (追加コンテンツの Ajax ロード)
- 特定のスクロール位置、または特定のセクションを過ぎてのスクロール中に、進捗パラメータを渡してコールバックを追加する。

https://github.com/janpaepke/ScrollMagic
http://scrollmagic.io/
<広告>
<広告>
<広告>