如何解决这个布局问题？

Question

我有一个页面，其中发生以下情况：

1. 呈现了一些东西。静态内容和内容意味着使用javascript进行增强。
2. 一些div通过$（）
中的jquery进行增强检测
3. 这些第三方脚本中的一些测量他们将内容放入的div，以便他们知道如何呈现它。
4. 与此同时，随着其他div的增强，有时页面会变得足够长，以至于会出现滚动条。这意味着页面变得更薄，插件所做的测量现在是不正确的。
5. 一些div以错误的宽度增强。
6. 丑陋！

如果我调整浏览器的大小，那么所有内容都会“捕捉”到应有的位置。

我可以看到2个我不喜欢的解决方案。

1. 以某种方式强制浏览器在每次增强后重新布局所有内容。
2. 强制垂直滚动条。 http://ryanfait.com/resources/forcing-vertical-scrollbars/

这必须是一个相当普遍的问题。还有其他技巧或建议吗？

Answer 1

KISS方法：强制垂直滚动条在那里。

忘了提，你也可以简单地用这个：

html {overflow-y: scroll;}

Answer 2

您可以强制滚动条始终显示在CSS中，或者您可以将jQuery代码设置为在页面完全加载时执行，而不是在DOM准备好时执行，例如：

$(window).bind("load", function() {
   // code here
});

当内容被渲染时，这可能会导致“急躁”，然后在脚本根据视口大小配置它时随之而来。

就个人而言，我只是强制滚动条。大多数游客都不会注意到它总是在那里。