javascript - 如何从页面底部的 <a 链接滚动到 #header DIV 以及如何更改动画速度 - JQuery 1.8.3

Question

如何滚动到 #header DIV 来自 一个<a>页面底部的链接和 如何更改动画速度 - JQuery 1.8.3？

使用最好的 JavaScript 代码!

谢谢

Answer 1

您可以通过使用 offset 滚动到所需的元素来实现此目的:

$('html, body').animate({
    scrollTop: $("header").offset().top
}, 500);
return false;

其中 500 是以毫秒为单位的速度。请务必包含 return false;。这样您就可以避免默认的浏览器操作，从而导致轻微的闪烁。

参见http://jsfiddle.net/wf8dh/2/举个例子。