2018年02月21日(水)

[JS]デスクトップとスマホの両方に対応！さまざまなパララックススクロールを実装できるスクリプト -basicScroll

• 0
• 15
• 70
• 225

Webページやスマホアプリで、ユーザーがスクロールした位置に応じてCSSアニメーションを簡単に適用できるパララックススクロールを実装する軽量スクリプトを紹介します。

単体で動作するので、非常に便利だと思います。

basicScroll
basicScroll -GitHub

basicScrollの特徴

basicScrollではスクロール位置に応じてCSSを変更でき、CSSの変数を利用してアニメーションを適用します。スクロールで同時に表示された要素に対しても別々のアニメーションを簡単に設定でき、JavaScriptを使用してアニメーションをさらに制御できます。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

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

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

         

‹ PREV

               

スタイリッシュかつ汎用性の高いフリーフォント「20 Free Fonts With Special Characters」

         

NEXT ›

               

Design Cutsの日本語サイトがついに公開！有料のデザイン素材が無料でダウンロードできます（1週間限定）

関連記事

• 便利なJavaScriptライブラリが登場！ CSSのプロパティの値の変更を検出できる -CSSStyleObserver
• Kindle本、読書の秋特大セールが開催！ セール初登場もあり、デザイン・Web制作・イラストの良書がお買い得です
• 8/22までKindle本の夏の特大セールが開催！ セール初登場も多く、デザイン・Web制作・イラストの良書がお買い得です
• Kindle本のプライムデー特大セールが開催！ Web制作やUIデザイン、イラスト関連の良書が半額で、超お買い得です
• Kindle GWセール（後半）は5/9まで！ デザイン書・Web制作の解説書・イラスト関連の良書が、半額以下でお買い得です

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『[JS]デスクトップとスマホの両方に対応！さまざまなパララックススクロールを実装できるスクリプト -basicScroll』についてまとめています。

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