使用<nav>链接滚动到页面相应部分

2024-01-17 16:44 小编
下面是具体的代码
 
  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: 页面
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码