Question

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

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

有没有办法让我的加载屏幕div与＆＃34; viewport＆＃34;并没有它像我的完整网站一样高？并会使它不可滚动？

我需要隐藏加载屏幕下的所有内容吗？

Answer 1

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

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

Answer 2

position:absolute; left:0; top:0; width:100%; height:100%;

相同但不同

Answer 3

我刚刚想出了解决问题的方法，如果有其他人会发现这个问题有类似问题。

我把身体溢出-y：隐藏以删除网站的滚动。然后我使用一个jquery脚本，它会在页面完全加载时将overflow-y：hidden的值更改为可见（删除加载屏幕的相同脚本）。

$（ '主体'）的CSS（{ “溢出-Y”： “可见”}）;

我现在已经在没有滚动的情况下使用加载屏幕锁定了网站，并且一旦页面加载，滚动就会出现，因为加载屏幕会消失并使网站可以按我的意愿滚动。

感谢你花时间回答！