How does facebook manage to have all the content of the page scrollable except the top nav bar and chat?
Basically with position: fixed:
position: fixed !important;
Soo this means the any element with this will just stay on the browser window even if your scrolling down?
Yes, that's the point of position: fixed. It doesn't work in some browsers, though, like IE6 and iPhone.