javascript - window.location(加上 Y 偏移量)替代方案？

Question

我正在使用老式的 javascript:

window.location  = "#myAnchor";

跳转到页面的某个部分。但是，我想跳到比这个 anchor 高大约 100 像素的位置，以抵消覆盖该区域的页面顶部的持久标题导航。

我会考虑使用 jQuery，因为我已经在网站上使用它，或者任何其他仅使用 javascript 的解决方案。我无法将另一个 anchor 标记放置在高 100 像素的位置(加上这看起来有点 hack-y)。同样，window.location 有点不和谐，我宁愿以某种方式平滑向上滚动。

你能推荐一个替代方案吗？

Answer 1

如果您可以使用jQuery，事情就会简单得多。scrool smothly，正如你所说，示例代码是这样的:

$("html, body").animate({scrollTop:500});

所以，对于您来说，我认为这可以解决:

$("html, body").animate({scrollTop: ($(YOUR_ELEMENT).offset().top - 100) });

希望对您有所帮助。