当块内容增加时如何修复页脚滚动？

【问题标题】：How to fix the footer to scroll when the block content increases?当块内容增加时如何修复页脚滚动？
【发布时间】：2021-07-19 11:02:13
【问题描述】：

我有一个问题，我的英语不好，但我尽量完整地描述我的问题！

当前有一个窗口。要实现的画面是footer应该固定在容器的底部，不应该随着白块内容的增加而向下移动。那么，当白块的内容过多时，整个窗口就不会改变。大，白块内容可以滚动查看其他选项。

My example

【问题讨论】：

标签： html css sass

【解决方案1】：

我能理解的是，您需要修复页脚。您只需取消注释您的 footer 注释代码并将 position:fixed 或 position: sticky; 更改为 position: absolute 即您的CSS 的页脚代码将是；

footer{
  position: fixed;
 //position: sticky;
  width: 100%;
  bottom:0px;
  right:0px;
  background-color: #f77331;
  display: flex;
  justify-content:space-around;
  padding:10px;
  z-index:9000;
  .btn{
    padding:10px;
    border-radius:20px;
  }
}

如果您的内容由于fixed 页脚位置而隐藏，您可以为该内容使用边距。希望这能解决您的问题。

【讨论】：