锚链接链接到页面上的错误位置

Question

我在主导航中的主页上有一个div链接。但是，该链接在页面下方进一步着陆。它似乎在Firefox中运行正常，但不适用于Chrome。这是链接：

http://purplecubed.com/home#what-we-do

有什么想法吗？

由于

Answer 1

这只是猜测，但这就是出现的情况：当你的页面加载包含非常长时间运行的HTTP请求时（比如你的一些PNG图像返回404但是需要花费5秒钟）要这样做），Chrome会继续并在没有它们的情况下呈现页面，然后导航到相应的div位置。一旦请求完成但未返回图像，这些图像将占用的空间将被折叠，并且您在视口上方获得的像素更少，从而使您看起来好像是在页面加载时进一步降落到页面上。

但是，FireFox似乎呈现整个页面并等待所有请求返回，然后尝试导航，导致丢失的图像在跳转到页面中的正确位置之前折叠。检查您的图片位置并修复网址。这应该解决问题。如果没有，请再次在此处评论，我会寻找更好的解决方案。