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

问候！