slideWown（）使包装器中的所有内容变班

Question

我目前正在创建一个简单的菜单，其中有几个服务名称，并且用户可以单击一个，并且jQuery将显示其相应的段落在其下方描述它。我的jQuery代码很好，完全可以做我想要的，但是，我有一个我尚未解决的错误。

每当我单击这些标题之一及其描述显示时，页面包装中的所有内容都会向左移动大约7个像素，它的作用是Google Chrome，但是我没有测量Amout，但我敢肯定是无关紧要。

无论如何，我正在使用slidetoggle（）命令显示隐藏的parragraph。我认为这是发生的，因为当滑动发生时，它是在某种程度上改变了所有事物的宽度和“边距：0自动”；在我的CSS中设置包装规则是弥补此更改。有人有任何方法可以解决这个问题吗？我尝试了我在互联网上找到的其他几个修复程序，但无济于事。

这是我的代码的样子，我将其放在JSFiddle上，以使其更容易查看： http://jsfiddle.net/vch7m/ 如果您愿意，请随时在此处编辑，或在此处发布需要修复的内容。什么更方便。非常感谢你的帮助！

Answer 1

这种转移可能是由垂直滚动条引起的。如果页面太大，则垂直滚动条将出现并将段落的宽度推到左侧。当您将浏览器视口缩小到约1000x600时，您可以在给定的JSFiddle页面的第一段中看到这一点。

为了解决此问题，您可以考虑将固定的垂直滚动栏放置。

html {
    overflow-y: scroll;
}