如何像滚动UI一样创建Google Plus？

Question

请注意Hijack page scrolling like Google Plus?要求提供非常不同的内容。

在Google+的以下屏幕截图中，红色框显示滚动的区域。所有其他部分，例如左侧导航是静态的。我对他们的UI很感兴趣。即使鼠标悬停在导航部分或任何其他固定部分上，也可以滚动中心部分。

知道他们是怎么做到的吗？

Answer 1

UI组件可能都在display: fixed CSS块中，无论滚动如何，它们都会将它们固定到浏览器窗口。然后主要内容可以在常规块中，随着页面滚动。