网站在加载时跳转到中间内容。单页设计

Question

我有一个页面设计与3节。

<section>
<div class="page1">
content
</div>
</section>

<section>
<div class="page2">
content
</div>
</section>

<section>
<div class="page3">
content
</div>
</section>

我使用scrollify.js滚动到关于鼠标滚轮的下一节。在我的第一部分中，我加载了fotorama。当我重新加载页面时，页面在加载fotorama时跳转到第一部分之前会显示第二部分一秒钟。我知道我可以使用Javascript的延迟功能来延迟第二和第三部分。但这是正确的做法吗？或者有没有一种方法可以使用一个函数，它可以等待第一个部分加载，直到第二个和第三个部分加载？

Answer 1

好的。我设法通过将min-height设置为page1来解决这个问题。

min-height: 100vh;