Javascript 使div与其他div一起达到屏幕的全高

我正在制作一个包含多个部分的主页

<div id="section1">
    <!-- This needs to be the full height of the screen -->
</div>
<div id="section2">

</div>
<div id="section3">

</div>

---

我希望

section1

是整个屏幕的高度，然后用户可以向下滚动查看

section2

和

section3

——这可以单独使用CSS来完成，还是需要JS来动态设置？

这里不需要JavaScript。使用简单的css，您可以轻松完成：

#section1{
    width:100%;
    height:100%;
    display:block; // or inline-block - Optional
}

---

您可能还需要设置

主体

&

html

标记

高度：100%

，但并非总是如此。

您可以这样尝试-

html，正文{高度：100%；}
#第1节{背景：红色；最小高度：100%；}

s

您可以使用单位

CSS

#section1{
    display: block;
    background: #000;
    width: 100vw;
    height: 100vh;
}

---

从

公平点-我没看到！当使用高度的百分比值时，父元素必须设置高度

$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 800) {
    $('.bottomMenu').fadeIn();
  } else {
    $('.bottomMenu').fadeOut();
  }
});