Question

I have seen that Google+ has this cool layout, where the only thing that can be scrolled is in the middle of the page with its content, but the actual scroller is fixed to the right side of the window.. I have searched a lot to find maybe a way to do this myself, but with no luck.. 🙂 does anybody know how this is made?

Answer 1

They use position: fixed to make the edge elements stay in place.

Like, if you have:

<div style="position: fixed; top: 10px; left: 10p;">
  This will always be 10px from the top left of your window, even when you scroll
</div>