basicScrollはモバイル・デスクトップに対応したスタンドアローンによるパララックススクロールを実装できます。CSSの変数を使用するとのことで、スクロール位置に応じてCSSの変数を変更できるのが特徴です。
basicScroll
basicScrollの実際のデモ動作は以下のページから確認できます。
デモでは上下にスクロールすることで、グラデーションカラーの正方形がコロコロと回転していくアニメーションを見ることが可能です。スクロールの位置に応じてCSSの変数を変更できるので、このような動きも可能になっています。
画像を使わなくてもCSSやJSを用いることでこのような楽しいパララックススクロールを実装できるのはとても便利ですね。
APIには.create(html, opts)、.start()、.stop()、.update()、.calculate()、.isActive()、.getData()が用意されています。また、スタートとストップの位置を指定できたりコールバック関数を設定できたり、カスタマイズ性も高くなっています。
モバイルとデスクトップに対応したスタンドアローンによるパララックススクロールを取り入れたい人は、ぜひ「basicScroll」を使われてみてはいかがですか？
basicScrollの具体的な使い方やダウンロードは以下のページからどうぞ。
