Javascript 强制滚动条覆盖页面内容？

我想知道是否有办法，通过css或javascript，强制滚动条显示在网站内容的顶部（如z-index 9999），而不是将所有元素移到左侧？ 我的设计在左边有一个空格，无论分辨率或屏幕大小如何，所以与滚动条出现/消失时施加的不断向左/向右移动相比，这不会是一个问题

如果不是，我将使用overflow-y:scroll方法简单地获得，但是如果可能的话，另一个解决方案会很好：）

---

谢谢你的回复

正如迈克·波马克斯·卡默曼斯已经提到的。。。滚动条移动内容是非常基本的浏览器行为，不应该真正打扰任何人。尽管如此，通过使用一些js或jquery，我们可以使它看起来好像滚动条出现在内容上方

这样做的想法是在内容没有溢出的情况下添加填充来替换滚动条。例如：

// If there is no scrollbar, add some padding to replace it.
if ($(document).height() > $(window).height()) {
    $('body').css('padding', 'none');
} else {
    $('body').css('padding', '0 '+scrollbarwidth+'px 0 0');
}

请参见下面的工作示例

---

注意：在调整大小时出现一些我无法修复的闪烁。这似乎和窗户的宽度有关。也许其他人可以找出原因。

真正的问题：为什么？你有一个非常特别的网站，它不能遵守“桌面浏览器中滚动条的工作原理”，这几乎是不可想象的，只是javascript中有几个动画/转换，而且每当滚动条出现/消失时，滚动条都会向左/向右移动，这一事实在视觉上对我来说真的很烦人，所以我只是想知道是否有一种内置的或简单的方法不遵守滚动条的工作方式，而是可能使用另一种工作方式：）