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

Html 链接到页面上错误位置的锚定链接,html,css,hyperlink,anchor,Html,Css,Hyperlink,Anchor,我在主页的主导航中有一个指向div的链接。然而,该链接在页面的更下方登陆。它在Firefox中似乎可以正常工作,但在Chrome中却不行。以下是链接: 有什么想法吗 谢谢,这只是猜测,但这里似乎发生了什么:当你的页面加载包含长时间运行的HTTP请求时(比如你的一些PNG图像返回404,但需要5秒以上才能完成),Chrome会继续渲染页面,然后导航到适当的div位置。一旦请求完成但图像没有返回,这些图像本来应该占据的空间就会被压缩,视口上方的像素就会减少,使页面加载时看起来像是落在了页面下方 但

我在主页的主导航中有一个指向div的链接。然而,该链接在页面的更下方登陆。它在Firefox中似乎可以正常工作,但在Chrome中却不行。以下是链接:

有什么想法吗


谢谢,这只是猜测,但这里似乎发生了什么:当你的页面加载包含长时间运行的HTTP请求时(比如你的一些PNG图像返回404,但需要5秒以上才能完成),Chrome会继续渲染页面,然后导航到适当的div位置。一旦请求完成但图像没有返回,这些图像本来应该占据的空间就会被压缩,视口上方的像素就会减少,使页面加载时看起来像是落在了页面下方


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

我在console.log中看到很多错误,因此我认为您应该首先处理这些错误,然后检查script.js中的//导航滚动,我非常确定问题存在。我可以确认它在Firefox中工作正常。看起来您需要检查指向图像和css文件的源链接是否正确,因为有很多无法找到。我通过包装jquery平滑滚动代码I$(window.load)(function(){})解决了这个问题。这样,它会在执行之前等待加载所有内容