2

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

有用的知识:

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

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

{margin: 0 auto;}

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

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

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

内容会随着我的旧电脑跳转,但不会在我的新电脑上跳转,在相同的网络和连接上。

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

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

更新!

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

所有的跳跃都停止了!

4

1 回答 1

4

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

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

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

于 2013-11-14T14:48:21.713 回答