2022年05月5日(木)

手軽にモダンなスクロールエクスペリエンスを構築できる軽量Reactライブラリ・「scrollex」

• 0
• 1
• 0
• 7

scrollex

scrollexは手軽にモダンなスクロールエクスペリエンスを構築できる軽量Reactライブラリです。スクロールに応じてコンテンツをスマートに表示したり画像等を切り替えたりといった演出を手軽に実装する事が出来ます。

尚、予想された方もいらっしゃると思いますが実装にはframer-motionが使われています。

Ads npm install --save scrollex framer-motion

基本的にはScroll.Containerを追加してセクションで分割し、コンテンツを管理します。

Page One

Page Two

author:

かちびと.net

http://kachibito.net

WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

高いカスタマイズ性を持ったオープンソースのヘッドレスCMS・「Contember」

         

NEXT ›

               

Reactのルーターライブラリ「React Router v6」を使ってみた

関連記事

• 様々な解析が出来るAI搭載のオープンソースの画像切り抜きツール・「Snippai」
• Kindle GWセール（後半）は5/9まで！ デザイン書・Web制作の解説書・イラスト関連の良書が、半額以下でお買い得です
• 2024年3月 webトピックス
• 2024年3月 webトピックス
• 【オウンドメディア失敗の解剖学】やりがち14の敗因と回避ポイント

Ads

WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『手軽にモダンなスクロールエクスペリエンスを構築できる軽量Reactライブラリ・「scrollex」』についてまとめています。

この記事は特にレスポンシブ・Googleについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。