- What is a sticky footer?
- How to keep the footer at the bottom of the page but not fixed?
- How to make a sticky footer in Angular?
What is a sticky footer?
A sticky footer pattern is one where the footer of your page "sticks" to the bottom of the viewport in cases where the content is shorter than the viewport height. We'll look at a couple of techniques for creating one in this recipe.
How to keep the footer at the bottom of the page but not fixed?
html. < div id = "footer" >This is a footer. This stays at the bottom of the page.
How to make a sticky footer in Angular?
Create a footer Wrapper
content-outer-container class. Then, within the new footer container, you can add the content you want within you footer. To keep it simple, in this example application, I'll add my name in a p tag. The footer container added directly below the content container.