How To Fix The Footer To Scroll When The Block Content Increases?

I have a problem, my English is not good, but I try to describe my problem completely! There is currently a window. The screen to be implemented is that the footer should be fixed

Solution 1:

What I could understand, you need to fix footer.You just need to uncomment your commented code of footer and change position:fixed Or position: sticky; from position: absolute i.e Your footer code of CSS would be;

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;
  }
}

Then if your content hides due to fixed position of footer you can use margin for that content.Hope this would solve your problem.