javascript - 如何创建类似滚动 UI 的 Google Plus？

Question

请注意，像 Google Plus 一样劫持页面滚动？要求一个非常不同的东西。

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

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

Answer 1

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