Html 防止引导粘性页脚允许内容滑到下方
我在页面底部有一个粘性的引导页脚,但是当我向下滚动时,内容隐藏在它下面,例如,你看不到完整的图像。 上面是页脚本身的屏幕截图,其高度为300px,允许内容在其下方滑动300px,这意味着当需要垂直溢出和滚动时,300px的图像/内容隐藏在粘性页脚下方。如下所示: 实际图像是这样的,与上面的图像相比,您可以看到它没有被切断: 我能想到的唯一解决方案是将任何其他内容的边界设置为从底部开始的300px,但我该如何做呢Html 防止引导粘性页脚允许内容滑到下方,html,css,Html,Css,我在页面底部有一个粘性的引导页脚,但是当我向下滚动时,内容隐藏在它下面,例如,你看不到完整的图像。 上面是页脚本身的屏幕截图,其高度为300px,允许内容在其下方滑动300px,这意味着当需要垂直溢出和滚动时,300px的图像/内容隐藏在粘性页脚下方。如下所示: 实际图像是这样的,与上面的图像相比,您可以看到它没有被切断: 我能想到的唯一解决方案是将任何其他内容的边界设置为从底部开始的300px,但我该如何做呢 提前感谢您的帮助。您可以在内容底部添加一些填充物 希望有帮助:)我已经设法解决了这个
提前感谢您的帮助。
您可以在内容底部添加一些填充物
希望有帮助:)我已经设法解决了这个问题。如果底部有大量内容溢出(滚动),在粘性页脚一半宽度的底部添加一个填充(在我的例子中是150px)可以解决这个问题。这样可以确保内容在到达页脚顶部之前停止 为此,我刚刚创建了一个div并将该样式应用于它:
<div id="pagecontent" style="padding-bottom: 150px;">
<!--Content Goes Here-->
</div>
非常感谢Pragyakar Joshi为内容添加填充