Question

Business purpose: I’m building an admin page that is pretty long vertically, i.e., the user has to scroll down sometimes to see the content. After the user edits something, I make a “Save” button enabled.

Question: how do I position a div so that it’s absolutely at right: 5px, bottom: 5px;, and it stays in that position when you scroll up and down? So, when I scroll down, it’s still in the far right lower corner?

Hopefully that’s descriptive enough!

Thanks!

Answer 1

Use the CSS position:fixed; property.

Fixed positioning is similar to absolute positioning, with the exception that the element’s containing block is the viewport. This is often used to create a floating element that stays in the same position even after scrolling the page.