锚链滚动到错误位置
锚链滚动到错误位置
提问于 2017-09-28 17:04:31
我正在解决这个问题，但找不到答案。主页上的锚链接没有滚动到新页面(食品饮料)的正确位置。
http://goldforest.com (点击正方形照片中的任何链接)
奇怪的是，如果您手动键入锚链接哈希在餐饮页面，它将工作良好。在我看来，锚定位置是在页面其余部分之前加载的，这会造成定位错误。
任何想法都会受到赞赏。
谢谢
回答 1
Stack Overflow用户
发布于 2017-09-28 17:25:54
似乎所有这些图像传送带(其中一些在锚上方)在页面已经跳到锚后仍然被加载。由于它们的初始高度为0，它们下面的所有元素在加载其内容后都会向下推下，这显然是在页面跳转到锚之后。
为了避免这种情况，您必须使用一些Javascript来将滚动延迟到锚定，直到所有的旋转木马都已完全加载，或者您可以为这些旋转木马容器定义高度设置--或者为类.food-beverage-container定义高度设置，或者为每个具有该类的ID定义单独的设置。因为它们是响应的，所以这是很棘手的--使用vw值来表示宽度(这是宽度的一个百分比，在缩放时可能保持一致)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46474689
复制相关文章
相似问题
腾讯云开发者
