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

Question

我正在使用 Javascript 和 jQuery 在 HTML/CSS 中制作动态页面。该页面的高度可以改变，并且滚动条可以出现或消失。另外，我希望内容居中。为了实现这一点，我使用 margin: 0 auto;。但是当滚动条显示自身(或隐藏自身)时，页面会向侧面移动一点。

如何防止它左右移动？

编辑

这是一个jsfiddle来看看问题是什么(抱歉，内容是法语): http://jsfiddle.net/r4jspomr/

您可以点击标题来扩展/缩回其下方的内容

Answer 1

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

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