Chapter 2. A Fixed Position Sidebar with Animated Scrolling

The position:fixed CSS style adds an interesting effect that allows a targeted element to retain its position on the screen even when the page it is on is scrolled. However, its effectiveness is limited by the fact that no matter how deep the element is nested within other elements, it is always fixed relative to the document as a whole.