我有一个带有选项卡的页面，可以显示各种高度内容，其中一些需要滚动条，而有些则不需要。在这些内容之间进行切换的视觉效果有点令人讨厌，因为当窗口滚动条弹出时，它会将整个页面向左移动一点。
我尝试过/考虑过的事情：
总是使滚动条可见-它可以工作，但我不喜欢它。
将主体宽度设置为98％-显然那仍然是调整大小的窗口的98％，因此仍然弹出。将其设置为像素值是可行的，但是人们的屏幕尺寸不同。
用脚本来补偿窗口宽度损失-这是一个相当简单的脚本，但很有趣，滚动条出现触发的窗口调整大小不会触发窗口的调整大小事件，而且我还没有找到其他合适的事件来附加该窗口。
有人知道将页面容器保持在适当位置的好技术吗？
最佳答案
我想您可以在margin/padding中添加带有body的类，然后使用jQuery将其删除。这样做的缺点是不同的浏览器具有不同的滚动条宽度，例如Mac上的safari甚至没有可见的滚动条。因此，建议始终使滚动条始终可见。