javascript - Google Plus 固定滚动条

Question

我已经看到 Google+ 有这种很酷的布局，唯一可以滚动的地方是页面中间的内容，但实际的滚动条固定在窗口的右侧。我搜索了很多也许自己找到一种方法来做到这一点，但没有运气.. :) 有人知道这是怎么做的吗？

Answer 1

它们用于position: fixed使边缘元素保持在原位。

比如，如果你有：

<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>

Answer 2

灰色边界元素用 固定，位置用position: absolute;设置top: ...px; left: ...px; right: ...px; or bottom: ...px;。因此，您声明了一些具有宽度和高度的元素以及它们的位置。

代码中的示例：（其左侧灰色区域）

.Zaa, .MHPMSc {
    bottom: -74px;
    outline: medium none;
    position: absolute;
    top: 0;
    width: 100px;
}

问候！