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



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

有用的事情:

它是一个wordpress网站,但只有基本功能 - 菜单包含jQuery,但几乎没有其他JavaScript可以防止加载。

所有内容都包装在一个容器中,该容器

使用
{margin: 0 auto;}

有几个CSS样式表,一些主要的标签(如容器)已经被定义了几次 - 我什至发现其中两个之间的宽度之间存在差异,但是当修复时,所有内容仍然跳跃。

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

仅当内容大于屏幕高度(即,内容离开屏幕)时,内容才会跳转。

内容会随着我的旧计算机跳转,但不会随着我的新计算机在同一网络和连接上跳转。

在较旧的计算机上,内容将随 IE 10 一起跳转,但当您将 IE10 置于兼容模式时不会。

恐怕我没有权限放置指向该网站的链接,所以我试图将我所知道的有关它的所有内容放在这里。我知道这会让我更加困难,但任何让我朝着正确方向前进的指示都会有很大帮助!

更新!

滚动条是问题所在 - 我使用了这个线程的答案:使主滚动条始终可见

所有的跳跃都停止了!

您应该简化删除"事物"的问题,直到隔离它。

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

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

最新更新