Smooth Scroll to Anchor标记远离锚标记

Question

我想在我的网站上获得流畅的滚动功能。目前这是我面临的问题。当我重定向到URL引用中带有锚标记的另一个页面时，如果标记前面有一个图像，则滚动在锚标记之前停止很久。

例如：

尝试从home -> About Us # Theory of Change开始。这按预期工作。现在假设我从home -> About Us # Our Team移开，你会注意到一点偏移。这更加明显，如果您尝试从home -> Our Work # Pilot Study开始，页面几乎会停止，300 - 400 px位于包含锚标记的部分之上。如果对页面本身进行滚动，滚动对这些地方来说效果很好，即从About Us -> #Our Team你会看到滚动工作就好了。

URL to website

Answer 1

您的代码似乎正在domready上执行。我怀疑这个问题是由于在执行平滑滚动代码时图像没有被完全加载造成的。

我建议您尝试触发load上的平滑滚动代码，而不是domready上的滚动代码。