背景颜色无法在视口外正确渲染

Question

好的，这是一个棘手的问题......

在我的网站上，当我想要更改滚动时的背景颜色时，背景无法在当前视口之外正确呈现。要重现这一点，请转到http://thierry.zweidesign.ch并通过DevTools更改身体上的背景颜色。它与在滚动事件上更改颜色的行为完全相同。

太困惑了..

Answer 1

问题来自于您在position: absolute元素上使用.page。尝试将以下内容添加到.page样式中：

.page {
    position: relative;
    overflow: auto;
}

使用绝对定位意味着父元素不再识别元素的尺寸，因此实体不会实际延伸到屏幕底部。

Answer 2

尝试添加到css：

body, html{
    height:100%;
    padding:0;
    margin:0;
}

我怀疑视口的结果没有扩展到整个内容大小。