防止Bootstrap粘滞页脚允许内容滑到

Question

我的页面底部有一个粘性的bootstrap页脚，但是当我向下滚动时，内容隐藏在它下面，而你却看不到完整的图像。 上面是页脚本身的屏幕截图，它高300px，允许内容在其下滑300px，这意味着当需要垂直溢出并需要滚动时，300px的图像/内容隐藏在粘性页脚下方。如下所示： 虽然实际图像是这样，你可以看到与上面的图像相比，它没有被切断： 我能想到的唯一解决方案是将任何其他内容的边界从底部设置为300px，但我该怎样做呢？

提前感谢您的帮助。

Answer 1

您可以在内容中添加一些填充底部。
希望它有所帮助：）

Answer 2

我设法解决了这个问题。如果你的底部有很多内容的溢出（Scroll），那么在粘性页脚宽度的一半（在我的情况下是150px）的底部放一个填充将解决这个问题。这可确保内容在到达页脚顶部之前停止。

为此，我只创建了一个div并将该样式应用于它：

<div id="pagecontent" style="padding-bottom: 150px;">
    <!--Content Goes Here-->
</div>

非常感谢Pragyakar Joshi建议填充内容！