电话
13363039260
使用<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>
猜你喜欢
联络方式：
13363039260
微信二维码 