我正在排查此问题,但无法找到答案。主页上的锚链接不会滚动到新页面中的正确位置(食品饮料)。
http://goldforest.com(点击方形照片中的任意链接)
奇怪的是,如果您在食品饮料页面中手动键入锚链接哈希,它将正常工作。在我看来,锚点位置是在页面的其余部分之前加载的,这会产生定位错误。
任何想法都表示赞赏。
谢谢
答案 0 :(得分:0)
似乎所有那些图像轮播(其中一些在锚点之上)仍然在页面已经跳转到锚点后加载。因为它们的初始高度为0,所以它们下面的所有元素都会在加载它们之后被按下,这显然是在页面跳转到锚点之后。
为了避免这种情况,你要么必须使用一些Javascript来延迟滚动才能锚定,直到所有轮播已经完全加载,或者你可以为这些轮播容器定义高度设置 - 对于类.food-beverage-container
或者具有该类的每个ID的单独设置。由于它们是响应式的,这很棘手 - 使用vw
值作为高度(宽度的百分比,在放大时可能保持一致)