2019年03月20日(水)
便利なのが登場!スマホにもスクロール時に滑らかなアニメーションを適用できる超軽量スクリプト -lax.js
デスクトップでもスマホでもスクロールした際に、非常に滑らかで美しいアニメーションを簡単に実装できるシンプルで2Kbの超軽量JavaScriptを紹介します。
他のスクリプトへの依存は無く、ReactやVue.jsもサポートされています。
lax.js -GitHub
lax.jsの特徴
lax.jsはVanilla Javascriptで書かれた2Kbの超軽量スクリプトです。
スクロールをトリガーにあらゆる要素にアニメーションが適用できます。パフォーマンス面でも施策がとられており、デスクトップでもスマホでも非常に滑らかなアニメーションが実現できます。
lax.jsのデモ
デモでは実際のアニメーションを試すことができます。
デスクトップ・スマホ両方の環境でお試しください。author:
コリス
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ
‹ PREVWordPress:「MW WP Form」でセレクトボックスを使った年月日の選択値を動的に出力する方法
NEXT ›こういうのを待ってた!和のデザインにぴったりな日本語有料フォント40種類を3,200円で購入できるセールが開催
関連記事
Ads
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『便利なのが登場!スマホにもスクロール時に滑らかなアニメーションを適用できる超軽量スクリプト -lax.js』についてまとめています。
この記事は特にjavascript・アニメーション・SEOについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。