我最近控制了一个大型网站。我的问题是,有时,在某些浏览器/计算机上,当您在页面之间导航(或点击刷新)时,整个内容会稍微向右加载,然后在半秒后跳回到应该在的左侧。在一秒钟的过程中,距离只有5毫米左右,但很明显。
有用的事情:
它是一个wordpress网站,但只有基本功能 - 菜单包含jQuery,但几乎没有其他JavaScript可以防止加载。
所有内容都包装在一个容器中,该容器
使用{margin: 0 auto;}
有几个CSS样式表,一些主要的标签(如容器)已经被定义了几次 - 我什至发现其中两个之间的宽度之间存在差异,但是当修复时,所有内容仍然跳跃。
侧面没有图像导致它因加载缓慢而跳跃。
仅当内容大于屏幕高度(即,内容离开屏幕)时,内容才会跳转。
内容会随着我的旧计算机跳转,但不会随着我的新计算机在同一网络和连接上跳转。
在较旧的计算机上,内容将随 IE 10 一起跳转,但当您将 IE10 置于兼容模式时不会。
恐怕我没有权限放置指向该网站的链接,所以我试图将我所知道的有关它的所有内容放在这里。我知道这会让我更加困难,但任何让我朝着正确方向前进的指示都会有很大帮助!
更新!
滚动条是问题所在 - 我使用了这个线程的答案:使主滚动条始终可见
所有的跳跃都停止了!
您应该简化删除"事物"的问题,直到隔离它。
如果没有要测试的预生产或开发环境,请复制问题仍然存在的页面。然后开始删除东西。如果任何div 需要一些内容以使布局稳定,请用简单的文本或图像替换任何动态或复杂的内容。
如果问题似乎已解决,请删除某些内容,请不要认为您得到了它,请撤消您刚刚执行的操作,使其仍然失败,并继续删除与问题绝对无关的部分或功能。当您有一个仍然失败的最小示例时,找出问题所在会容易得多,或者如果没有在此处发布示例,以便我们提供帮助。