頁面內的跳轉導航

如何實現頁面內導航的跳轉，三行代碼搞定

 

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

和錨點連接的寫法類似，在導航按鈕添加href="#nav"

這裏的nav是要跳轉的頁內的id，

 導航按鈕：<a  href="#activity">活動</a>

 要跳轉的：<div id="activity">活動</div>

 

這樣，就實現了頁面內的跳轉