Javascript Css"；对",；不扩展滚动区域的负值？

我想有两个边栏对齐的权利，其中一个是隐藏的。我希望当用户点击右边栏的一个按钮时，右边栏应该消失，新的边栏应该与css动画同时出现

如果我使用

right:-50px

这将扩展可滚动区域。如果我使用宽度为的容器，这仍然会扩展可滚动区域

---

请参见：由于基于流的布局的性质，浏览器的文档大小将始终根据需要向右和向下增长。因此，呈现“超出右边框”的内容确实会导致滚动条向右移动

根据具体情况，可能会应用多种解决方案。最简单的方法是水平禁用溢出：

body {
    overflow-x:hidden;
} 

这实际上会。对于更复杂的情况，这可能不够。然后，您可以选择将有问题的元素包装在绝对定位的父元素中，该父元素保持在现有边界内，并且自身具有有限的

溢出设置。
我使用

window.onscroll = function () { window.scrollTo(0, 0); };

问题是，我使用的是webgl/three.js和three.js，当时全屏在一些（大多数）分辨率的屏幕底部有一个非常小的边框。为了修复这个边界，你必须显示：block，当你有display:block和其他元素以及大量的绝对位置时，宽度：100%意味着画布将进入“第二页”

body标签和/或container上的“overflow:hidden”在IE11上有效，但在chrome/canary/nightly和熟悉的浏览器上不起作用，因为结构复杂（顺便说一句，非常复杂），而且因为同一页面有jQuery UI，这也意味着如果我想在页面启动时显示对话框，“container”不会包含所有元素，因为jQuery UI在body标记中创建了元素，所以这也意味着我必须编辑jQuery（这是可以的）

上面的js标记在所有现代浏览器中都能完美地工作，但在我没有瞄准的旧浏览器中却很快。
这对我不起作用，它隐藏了滚动条，但你仍然可以通过在页面上单击鼠标中键来滚动。其他解决方案是什么？