使页面滚动高于窗口底部

Question

我理解我的标题不是很具描述性，因为它难以解释，所以我会尝试尽可能详细地解释我的问题。

在图像中你可以看到结果中的文字覆盖了图像，我希望页面在窗口底部的3个图像之前滚动，这样文本就不会在下面并由垂直滚动控制杆

文本与窗口底部的图像重叠，这是我想要的，我希望页面从这些图像底部滚动到底部，这样内容不会在底部的图像下方或重叠，窗口底部的这些图像固定在浏览器页面的底部，所以我需要在不同类型的浏览器上的图像之前滚动内容，所以我如何更改内容的大小以使其滚动之前图像？

我似乎无法想到这个问题的合理解决方案，而且我无法在互联网上找到解决此问题（或与之密切相关的问题）的解决方案。

Answer 1

在没有看到任何代码解决此问题的情况下，我唯一的建议是在文本周围的元素上添加边距底部，该文本与图像重叠。此底边距应与您固定在页面底部的图像的高度相同（或者可能需要10或20像素以在文本和图像之间获得一些填充）。

以下是一个示例（假设您的图像高度为75像素）：

HTML：

<div id="result-wrapper">
   <!-- all of your text elements here -->
</div>

<div id="fixed-images">
   <!-- your images at the bottom of the page -->
</div>

CSS：

#result-wrapper {
    margin-bottom:90px;
}