CSS - "高度100%"滚动比视口更远？我可以阻止吗？

Question

我正在为我的网站构建一个预加载器.在网站加载之前,在所有内容之上都有一个普通的白色div,后来我逐渐淡出来显示内容.

我使这个div高度100%,但问题是这个div然后得到一个令人讨厌的滚动 - 与我的正常网站内容相同的长度,并且我可以在加载时滚动一个高大的白色div.

有没有办法让我的加载屏幕div像"视口"一样大,而不是像我的完整网站一样高？并会使它不可滚动？

我是否需要隐藏加载屏幕下的所有内容才能使用？

Answer 1

正如菲尔所说,你可以使用绝对位置(或位置固定).这将使其脱离文档其余部分的流程,并且不会影响其周围的内容.

.cover {
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
}