1.a標(biāo)簽
????<html>
????<div id="top">這是頂部</div>?
????<a href="#top">跳轉(zhuǎn)到頂部</a>
????</html>
????這種方法的缺點(diǎn)是點(diǎn)擊錨點(diǎn)之后海洼,瀏覽器的URL會(huì)發(fā)生變化窒百,如果刷新或返回該頁(yè)面可能會(huì)出現(xiàn)問(wèn)題。
2.通過(guò)js事件中通過(guò)window.location.hash="#top"或者window.location.href="#top"跳轉(zhuǎn),但地址也會(huì)發(fā)生變化
3.用animate屬性莉测,當(dāng)點(diǎn)擊錨點(diǎn)后嫌拣,頁(yè)面滾動(dòng)到相應(yīng)的位置
? ??$("html, body").animate({scrollTop: $("#top").offset().top }, {duration: 500,easing: "swing"});});
? ??這樣做的好處是:URL地址不會(huì)變柔袁,同時(shí)點(diǎn)擊錨點(diǎn)時(shí)會(huì)自動(dòng)響應(yīng)scroll事件,不需要重新綁定异逐。
????缺點(diǎn)是:如果頁(yè)面復(fù)雜的話捶索,偏移值可能會(huì)發(fā)生變化需要算法輔助。
4.document.getElementById("top").scrollIntoView();
????這種方法的好處灰瞻,是URL不會(huì)變腥例,同時(shí)能夠響應(yīng)相應(yīng)的scroll事件,