CSS实现：http://stackoverflow.com/questions/17631417/css-pure-css-scroll-animation
jq实现：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
$(
function
() {
$(
'a[href*=#],area[href*=#]'
).click(
function
() {
console.log(
this
.pathname)
if
(location.pathname.replace(/^\
//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var
$target = $(
this
.hash);
$target = $target.length && $target || $(
'[name='
+
this
.hash.slice(1) +
']'
);
if
($target.length) {
var
targetOffset = $target.offset().top;
$(
'html,body'
).animate({
scrollTop: targetOffset
},
1000);
return
false
;
}
}
});
});
|
