下記のサンプルコードをまるっとDLするにはこちら
どのようなインタラクションか?
ユーザーはどのようなフィードバックが得られるか?
その他マウス操作で特別なエフェクトなどがあれば紹介しあう。
スクロールによって着火するスクロールエフェクト等について、さまざまな事例を収集しつつ実装にトライする。
パララックスとは、スクロールなどの動作に応じて、複数のレイヤーにある要素を異なるスピードで動かすことで視差を生み、立体感や奥行きを演出などが行える視差効果のことを指します。
2012年頃から流行するようになりました。
position: stickyやtransformプロパティを活用することでCSSだけでもパララックス(風の効果)を実行できます。スクロールに応じてコンテンツを少し遅らせてふわっと表示する手法もよく見られます。「inview.js」などを使うと簡単に実装できます。
ページ内をスムースにスクロールすることを「スムーススクロール」と言います
JavaScriptなどで実装可能です。