html - フルハイト div の下の div

Question

1ページのウェブサイトを作っているので、長いページです。しかし、ページの全高と全幅で、中央にロゴがある最初のdivを作成したいと思います。次に、固定の高さでその下に div を配置します。

そのため、ページを開くと、ロゴは常に中央に配置され、下の div はまだ表示されません (最初の div が高さいっぱいになるため)。スクロールを開始すると、次の div がそのすぐ下にあり、表示されます。

これは可能ですか？これを探してみましたが、何も見つかりませんでした。

ありがとうマックス

Answer 1

どうぞ: http://jsfiddle.net/BramVanroy/NMeAQ/

html, body {
  width: 100%;
  height: 100%;
}

#logo {
  width: 100%;
  height: 100%;
  background: #ccc;
}

#logo > img {
  border: 10px white solid;
  left: 50%;
  margin-left: -130px; /* the width of your image divided by 2 */
  top: 50%;
  margin-top: -130px; /* the height of your image divided by 2 */
  position: absolute;
}