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

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

好的。我设法通过将最小高度设置为 page1 来解决此问题。

min-height: 100vh;