スクロールとともに変わるスライダーと固定見出し 北斗株式会社

https://www.hkt.co.jp/

機械の設計製造を行う会社です

マネしたいポイント

中段のエリアで各種強みを紹介するコンテンツがありますが、スクロールと連動してサムネイルは切り替わりつつも見出しは固定されている点が面白いです。スクロールに対してコンテンツを固定するとスクロールできない感が出てしまいがちですが、背景やサムネイルがスクロールと連動しているのでそこまで固定感がありません。見出しは固定で見せているのでユーザーへのアピールもできています。

応用できそうな場面

このサイトと同様にサイトの中でなにかを紹介したいときに使えそうな手法です。サムネイルの移動方向は縦だけでなく横にしても面白そうです。

懸念点

スクロールと連動させるのでJavaScriptをうまく用いて実装する必要があります。スクロールの制御をきちんとしないとユーザービリティが下がるのが注意点です。

  • Twitter Share
  • Facebook Share
  • Line Share