网页内容闪烁/加载时移动

Question

我最近控制了一个大型网站。我的问题是，有时，在某些浏览器/计算机上，当您在页面之间导航（或点击刷新）时，整个内容会稍微向右加载，然后半秒后会跳回应该在的左侧。距离只有 5 毫米左右，在一秒钟内，但很明显。

有用的知识：

这是一个 wordpress 网站，但只有基本功能- 菜单包含 jQuery，但几乎没有其他 javascript 来阻止加载。

所有内容都包装在一个容器中，使用

居中

{margin: 0 auto;}

有几个 CSS 样式表，一些主要的标签，如容器，已经定义了好几次——我什至发现其中两个之间的宽度存在差异，但是当修复后，一切仍然会跳转。

侧面没有导致加载缓慢而跳跃的图像。

只有当内容大于屏幕高度时，内容才会跳转——也就是说，它会离开屏幕。

内容将与我的旧计算机一起跳转，但不会与我的新计算机在相同的网络和连接上跳转。

在较旧的计算机上，IE 10 会跳转内容，但将 IE10 置于兼容模式时不会。

我担心我没有权限放这个网站的链接，所以我试着把我知道的一切都放在这里。我知道这会让事情变得更加困难，但是任何让我朝着正确方向前进的指示都会有很大帮助！

更新！

滚动条是问题所在——我使用了这个帖子的答案：Making the main scrollbar always visible

所有的跳跃都停止了！

Answer 1

您应该简化删除“事物”的问题，直到将其隔离。

如果您没有用于测试的预生产或开发环境，请复制仍然存在问题的页面。然后开始删除东西。如果任何 div 需要一些内容以使布局稳定，请用简单的文本或图像替换任何动态或复杂的内容。

如果问题似乎已解决，删除某些您认为没有解决的问题，请撤消您刚刚所做的操作，这样它仍然会失败，并继续删除与问题绝对无关的部分或功能。 如果您有一个仍然失败的最小示例，那么找出问题所在会容易得多，或者如果没有在此处发布示例以便我们提供帮助。