2

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

每当我单击其中一个标题并显示其描述时，页面包装器中的所有内容在 Firefox 中向左移动约 7 个像素，它与谷歌浏览器做同样的事情，但我没有测量数量，但我确信它是无关的。

无论如何，我正在使用 slideToggle() 命令来显示隐藏的段落。我认为发生这种情况是因为当 slideDown 发生时，它会以某种方式改变所有内容的宽度和“margin：0 auto;”。我的 css 中包装规则的设置正在补偿这种变化。有没有人有什么办法可以解决这个问题？我尝试了在互联网上找到的其他几个修复程序，但无济于事。

这是我的代码的样子，我把它放在 jsFiddle 上以便于查看：http: //jsfiddle.net/vcH7m/如果您愿意，可以随意编辑它，或者在这里发布需要修复的内容。哪一个更方便。非常感谢你的帮助！

4

1 回答 1

1

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

要解决此问题，您可以考虑放置一个固定的垂直滚动条。

html {
    overflow-y: scroll;
}
于 2010-05-09T01:29:56.420 回答