下面是具体的代码

 

　　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>

 

　　本篇文章到这里就已经全部结束了，更多精彩内容大家可以关注PHP中文网的HTML视频教程栏目！！！







本文转载自中文网