Framer

図鑑

Top

トップ

Tag List

タグから探す

Articles

記事一覧

Profile

クリエイター紹介

Framer

図鑑

Framer

図鑑

TOP

Articles

スクロールで項目ごとに隣の画像が切り替わる

画面スクロール

切り替わる

プレビューサイトで体験しよう！

https://scroll-switching1.framer.website/

実装ポイント

■Point.01
　左側に配置する切り替えたい画像をコンポーネント化して、各画像ごとにVariantを用意する

■Point.02
　右側の要素を項目ごとにStackして、Scroll Sectionを設定する

■Point.03
　コンポーネントをStickyに設定して、EffectsのScroll Variantを設定する

記事一覧へ戻る

Tag List

タグから探す

気になるタグから実装を探しましょう！

追従

パララックス効果

カード

タイル

回転

ループ

アニメーション

アコーディオン

画面スクロール

ライトボックス

動画

カルーセル

切り替わる

フェード

モーダル

ギャラリー

背景

ヘッダー

セクション

Tag List

タグから探す

気になるタグから実装を探しましょう！

追従

パララックス効果

カード

タイル

回転

ループ

アニメーション

アコーディオン

画面スクロール

ライトボックス

動画

カルーセル

切り替わる

フェード

モーダル

ギャラリー

背景

ヘッダー

セクション

Tag List

タグから探す

気になるタグから実装を探しましょう！

追従

パララックス効果

カード

タイル

回転

ループ

アニメーション

アコーディオン

画面スクロール

ライトボックス

動画

カルーセル

切り替わる

フェード

モーダル

ギャラリー

背景

ヘッダー

セクション

Framer図鑑

サイトをご覧いただきありがとうございます。
少しでも「ワクワク」が見つかる楽しい時間になれたら幸いです。

Framer図鑑は今後も記事を更新していきますので、その時はXでお知らせしていきます！

興味がわいたクリエイターさんは是非一度Framerを触ってみてください！

Let's Go

Framer