下面是具体的代码
Coffeescript:
$("nav").find("a").click(e)->
e.preventDefault()
section=$(this).attr"href"
$("html,body").animate
scrollTop:$(section).offset().top
或JS代码:
$("nav").find("a").click(function(e){
e.preventDefault();
varsection=$(this).attr("href");
$("html,body").animate({
scrollTop:$(section).offset().top
});
});
HTML代码:
<nav>
<ahref="#welcome">Welcome</a>
<ahref="#about">About</a>
<ahref="#section3">Section3</a>
</nav>
<divid="welcome">Welcometothiswebsite</div>
<divid="about">Aboutthiswebsite,andsuch</div>
<divid="section3">Thethirdsection</div>
Tag:
页面