javascript - 隐藏窗口滚动条而不移动居中的内容

Question

是否可以（暂时）隐藏主窗口（垂直）滚动条（body/html 上的滚动条）而不（稍微）移动居中的内容？

设置overflow: hidden为body, html隐藏滚动条，但在执行此操作时，居中的内容会向右移动一半的滚动条宽度。我可以添加padding-right: <width-of-scrollbar>，但这会有所不同，如果没有滚动条，也会移动内容。

Answer 1

您可以相对定位居中的部分（左：50%），然后使用 javascript 以像素为单位设置固定位置。在 jQuery 中：

$(".centered").offset({left : $(".centered").offset().left});

在此处查看实际操作：http: //jsfiddle.net/willemvb/jP3PK/4/