如何使div用CSS覆盖所有页面

Question

我有一个方块应该覆盖所有屏幕。这是淡入淡出块，按下按钮后就会出现。

.main-fade {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  
  background: $BACKGROUND_FADE;

  height: 100%;
  width: 100%;
}

它完美地工作。直到水平滚动。向下滚动该块结束，用户可以看到该块未覆盖的空间。

图片1：在滚动所有屏幕之前，该块已覆盖。

图2：向下滚动后，您可以看到该块未覆盖的非褪色空间。

我需要您的建议，如何使此块覆盖页面的所有可能空间，或如何进行滚动。 谢谢！