如何避免HTML / CSS动态页面中的滚动条偏移

Question

我正在使用Javascript和jQuery在HTML / CSS中制作一个动态页面。 该页面的高度可以更改，并且滚动条可以显示或消失。 另外，我希望内容居中。 为此，我使用margin: 0 auto; 。 但是，当滚动条显示自身（或隐藏自身）时，页面在一侧会稍微移动。

如何防止它左右移动？

编辑

这是一个jsfiddle，用于查看问题所在（抱歉，内容为法文）： http : //jsfiddle.net/r4jspomr/

您可以单击标题以扩展/缩小其下的内容

Answer 1

这是浏览器的默认行为，您可以使用以下代码禁用滚动条，然后使用类似这样的漂亮自定义滚动条

$("body").css("overflow", "hidden");