关于javascript：如何在单击链接时滚动到元素

How to scroll to an element when a link is clicked

本问题已经有最佳答案，请猛点这里访问。

所以我有以下网站：
http://www.gameplay-universe.uphero.com/

您可以看到"跳至内容"链接。我想点击页面滚动到div#content。我正在使用最新版本的jQuery。我怎样才能做到这一点？

好的，这是我找到的解决方案：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

$(document).ready(function() {

// Click event for any anchor tag that's href starts with #
$('a[href^="#"]').click(function(event) {

// The id of the section we want to go to.
var id = $(this).attr("href");

// An offset to push the content down from the top.
var offset = 60;

// Our scroll target : the top position of the
// section that has the id referenced by our href.
var target = $(id).offset().top - offset;

// The magic...smooth scrollin' goodness.
$('html, body').animate({scrollTop:target}, 500);

//prevent the page from jumping down to our section.
event.preventDefault();
});
});

这对我有用。

1
2
3
4
5
6

$("li a").click(function(){
$('html, body').animate({
scrollTop: $( $.attr(this, 'href') ).offset().top
}, 1000);
return false;
});

这将适用于li元素内的所有链接。