锚链接滚动到错误的位置

时间:2017-09-28 17:04:32

标签: html anchor

我正在排查此问题,但无法找到答案。主页上的锚链接不会滚动到新页面中的正确位置(食品饮料)。

http://goldforest.com(点击方形照片中的任意链接)

奇怪的是,如果您在食品饮料页面中手动键入锚链接哈希,它将正常工作。在我看来,锚点位置是在页面的其余部分之前加载的,这会产生定位错误。

任何想法都表示赞赏。

谢谢

1 个答案:

答案 0 :(得分:0)

似乎所有那些图像轮播(其中一些在锚点之上)仍然在页面已经跳转到锚点后加载。因为它们的初始高度为0,所以它们下面的所有元素都会在加载它们之后被按下,这显然是在页面跳转到锚点之后

为了避免这种情况,你要么必须使用一些Javascript来延迟滚动才能锚定,直到所有轮播已经完全加载,或者你可以为这些轮播容器定义高度设置 - 对于类.food-beverage-container或者具有该类的每个ID的单独设置。由于它们是响应式的,这很棘手 - 使用vw值作为高度(宽度的百分比,在放大时可能保持一致)