javascript - 如何摆脱弹出页面位置的滚动条？

Question

我有一个带有选项卡的页面，可以显示不同高度的内容，其中一些需要滚动条，而另一些则不需要。在这些内容之间切换的视觉效果有点烦人，因为当窗口滚动条弹出时，它会将整个页面向左移动一点点。

我尝试过/考虑过的事情:

1. 始终显示滚动条 - 它有效但我不喜欢它。
2. 将正文宽度设置为 98% - 显然这仍然是窗口的 98%，它会调整大小，因此仍然会弹出。将其设置为像素值可行，但人们的屏幕尺寸不同。
3. 用脚本补偿窗口宽度损失——这是一个相当简单的脚本，但很有趣，滚动条出现触发的窗口大小调整不会触发窗口的调整大小事件，我还没有找到任何其他合适的事件来附加它.

有人知道保持页面容器就位的好方法吗？

Answer 1

我想您可以将带有 margin/padding 的类添加到 body 中，然后使用 jQuery 将其删除。这样做的缺点是不同的浏览器有不同的滚动条宽度，例如 mac 上的 safari 甚至没有可见的滚动条。因此，建议只让滚动条始终可见。