Html 如何更改浏览器窗口下方的颜色以匹配页脚

下面我有一个页脚，它是深紫色的。 但是，当我滚动到页脚的末尾时，它是白色的。如何更改此白色以匹配页脚颜色，而不更改顶部所有内容的背景色

我只想在用户试图滚动页脚时显示此颜色，而不是文档中的任何其他位置（例如，当用户试图滚动到导航上方时）

使用

html{background color:purple}

对整个文档（包括顶部）进行着色，但我只希望此颜色显示在底部

使用

html{background:linear gradient（white，purple）}

会在我的整个页面上留下一个渐变，但更重要的是，它在顶部显示为紫色，底部显示为白色

编辑（更好的示例）

考虑一下。浏览网页。

---

现在，当您尝试在导航栏上方滚动时，它会显示深灰色。尝试在页脚下方滚动时，页脚也会显示深灰色。现在，我想做的是，当用户仅滚动页脚而不是导航时，显示颜色。

听起来您的问题似乎来自两种类型的内容；有自己背景颜色的已定义内容部分，然后直接放在正文上的未定义内容。我想它看起来是这样的：

正文{
保证金：0；
背景：黄色；
}
.内容{
高度：1900px；
背景：白色；
}

标题内容
页脚内容

你好。为了让我们帮助您使用CSS，您需要同时提供CSS和HTML；没有它，我们无法重现你的问题。请更新您的问题，使其在一个列表中显示所有相关代码。如果您的HTML是在服务器端生成的，请发布输出。有关更多信息，请参阅帮助文章，并以：）为例。尽管如此，听起来您正在查找

正文{margin:0}

，它确保内容与边缘“齐平”，消除空白。不，它与边缘齐平。但是当你到达它的末尾时，你会看到HTML空白。考虑当您滚动到页脚末端时，页脚为灰色。我想做到这一点，但我只希望底部是那种颜色，而不是顶部。你明白了吗？不，恐怕我不明白。代码笔上没有空格。它有一个标题，然后是一个黑色部分，接着是一个灰色部分，然后是另一个黑色部分。这些都是独立定义的彩色部分。只需定义三个部分，并将每个部分设置为背景色。你不应该依赖定义的“部分”之外的任何内容；如果您的“溢出”内容只是直接位于

中，请为其提供自己的

。但是，正如我所说，您需要提供代码以获得进一步的帮助。@我添加了您的解决方案。起初我没有工作，但这是由于我修复了其他代码。谢谢，我想你应该把它贴出来作为答案。