javascript - 向 scrollTop 添加锚点

Question

是否可以在此脚本中添加锚点？我不想一直滚动到顶部，而是想滚动到页面中的特定锚点。

这是当前脚本：

if (isError) {
$('html, body').animate({
    scrollTop: 700
}, 2500);
$("#error-div").show();
} else {
$("#error-div").hide();
}

score 3 · Accepted Answer

对于这个简单的任务，实际上不需要包含一个巨大的插件。

使用 jQuerys position()- 函数 ( jQuery Doc )，您可以获得元素在 DOM 中的位置（只要它是可见的）。它返回一个相对于父对象具有top和left- 值的对象。如果您想要相对于文档的值，请使用- 函数，用法保持不变。offset()

我创建了一个小小提琴来向您展示基本用法：

score 0 · Accepted Answer

使用 scrollto 插件，您可以将整个页面滚动到任何元素，甚至可以滚动到元素内部。 http://demos.flesler.com/jquery/scrollTo/

score 0 · Accepted Answer

如果我理解您的问题，您需要在页面中要滚动的位置<div id="scrollHere"></div>和 jquery 中放置类似的内容：

window.location.href = "#scrollHere";

如果是这种情况，此方法会转到#scrollHere 所在的页面。

3 回答 3