HTML：将加载时设置为第二次折叠

Question

我想要一个div来将页面加载的div设置为另一个折叠。

让我们说我希望在视频中加载网站时使用div A.如果我向下滚动，Div B应该在视口上。这样我就可以使用按钮向下移动到第二个div。

我不想在div b上使用保证金，因为之后不会有回应，对吗？

我希望示例代码能让您更容易理解。

<div class="container">
         <div class="a"></div>
         <div class="b"></div>
</div>

Answer 1

我假设你的意思是margin-top使每个div成为完整的视口。 你可以做的是使用视口高度而不是边距使每个div占据视口的100％。这是响应。

.a {
    height: 100vh;
    background: black;
}

.b {
    height: 100vh;
    background: yellow;
}

查看此JSFiddle。