Chrome 页面底部的内容/页脚，但在 Firefox 中一直向上滚动

Question

我在 WordPress Stack 中 post 编辑了这个问题，但现在他们告诉我我应该 post 在 Stack Exchange 中，因为这可能是一个纯粹的 css 问题。

我正在开发一个具有固定背景的 WordPress 页面，因此内容区域会上下滚动。我想这是视差，或类似的东西。当我在 Chrome 中查看页面时，内容区域的末尾正确地遇到了页脚，页脚是您在页面底部看到的最后一个东西。到目前为止，还不错。

但在 Firefox 中，内容区域会向上滚动几百个像素，这样您就可以在页脚底部边缘下方看到固定背景图片的底部。

为了理解问题，请在 Chrome 和 Firefox 中查看以下 link 以了解差异。我希望它在 Firefox 中做的就是它在 Chrome:

中所做的

About page

Answer 1

您的代码中有一个硬编码的高度。

#second-string {
    position: relative;
    background-color: #fee;
    width: 100%;
    height: 3000px; // Overwrite this or remove it, if you can
    margin-top: 500px;
    margin-bottom: 0px;
    padding-top: 30px;
    box-shadow: inset 0px 11px 8px -10px #000, inset 0px -11px 8px -10px #000;
}

Chrome 页面底部的内容/页脚，但在 Firefox 中一直向上滚动

Content / footer at bottom of page in Chrome, but keeps scrolling upward in Firefox

css

wordpress

footer

parallax