jquery - レスポンシブフルスクリーンdiv（垂直スクロールフォロー付き）

Question

フルスクリーンのdivを作成しようとしているので、ブラウザウィンドウの高さと幅に合わせてサイズを変更します。

ただし、次に、ブラウザウィンドウのサイズでもある2番目のdivまで垂直方向にスクロールできます。

このスタイルの例をたくさん見てきましたが、チュートリアルが見つかりません。たぶん私は間違ったキーワードを持っていますか？

1つの良い例はhttp://www.guestd.comです（背景画像は必要なく、2つのdivだけが必要な場合を除く）。

ありがとう。

Answer 1

純粋なCSSを使用すると、非常に簡単に実行できます。

HTML

<div class='tile' id='a'>

</div>
<div class='tile' id='b'>

</div>

CSS

body,html {
  width: 100%;
  height: 100%;
}
.tile {
  height: 100%;
  width: 100%;
  position: relative;
  background-color: #eaeaea;
}
#a {
  background-color: #222;
}

あなたにこれを与えるでしょう