导航实现页面内的跳转

来源:互联网 发布:安装的软件 编辑:程序博客网 时间:2024/05/21 07:47

如何实现页面内导航的跳转,三行代码搞定


$('html, body').animate({
scrollTop: $($.attr(this, 'href')).offset().top
}, 500);


和锚点连接的写法类似,在导航按钮添加href="#nav"

这里的nav是要跳转的页内的id,

 导航按钮:<a  href="#activity">活动</a>

要跳转的:<div id="activity">活动</div>


这样,就实现了页面内的跳转



原创粉丝点击