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

How to avoid any offset from a scrollbar in dynamic pages in HTML/CSS

本文关键字：滚动条 HTML 动态 CSS 更新时间：2023-09-26

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

如何防止它左右移动?

编辑

这里有一个jsfiddle来看看问题是什么(对不起，内容是法语):http://jsfiddle.net/r4jspomr/

你可以点击标题来扩展/收回它下面的内容

这是浏览器的默认行为，你可以使用下面的代码禁用滚动条，然后使用一个漂亮的自定义滚动条，像这样

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