添加一个锚到scrollTop

时间:2012-04-18 23:17:19

标签: javascript jquery scrolltop

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

这是当前的脚本:

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

3 个答案:

答案 0 :(得分:3)

这个简单的任务并不需要包含一个巨大的插件。

使用jQuerys position() - 函数(jQuery Doc),您可以获取DOM中元素的位置(只要它是可见的)。它会向父级返回一个topleft - 值, relative 的对象。如果您想要相对于文档的值,请使用offset() - 函数,用法保持不变。

我创建了一个小小的小提示,向您展示基本用法:

http://jsfiddle.net/DtADS/

答案 1 :(得分:0)

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

答案 2 :(得分:0)

如果我理解了您的问题,您需要在页面中要放置<div id="scrollHere"></div>和jquery的地方放置类似的内容:

window.location.href = "#scrollHere";

此方法将页面放在#scrollHere所在的位置,如果是这样的话。