参考サイトのようなスクロールのない特徴的なサイトの構成、作成方法

Question

参考サイト

上記の参考サイトのローディング画面(?)からスクロールしたあとからのサイトを模写しようと思っているのですが、このようにスクロールせずクリックで次のページに移動するようなサイトはどのような構成で作成すればいいのでしょうか？

普通に作っていくとLPのような縦一枚のサイトになってしまいます。
またレスポンシブに関してもクリックで移動しています。

全く同じものを作ろうと思ってるのではなく、このような特徴的な動きをするサイトの構成や作成方法が知りたいです。

Answer 1

様々な技術が使われていると見受けられますが、大まかには下記のようになるかと。

• 基本のHTMLとCSS
• CSSアニメーション
• スクロールを検知、イベントを発動するスクリプト（JavaScript）
• canvasによる、アニメーションなど
• 商品などの細かい情報は、バックエンドからAPIにて取得

見た感じのカンで言っておりますので、
詳しくは、ご自身で調べるのと、
見本サイトをデベロッパーツールで検証されるとよいでしょう。

Comments

[_mini]

最初のメインビューからスクロールでの操作はなく右クリックあるいは左クリックのみで操作していると思うのですが、これらはJSにて設定しているのですかね...?

[miyabi_pudding]

ブラウザのデベロッパーツールを使って、ご自分で確かめてみましょう。

そこを自分で調査できるようになるのが、エンジニアへの第一歩だと思います。