JQuery下錨點的平滑跳轉

對於錨點的平滑跳轉,在一般的商業性質的網站上,權衡來說,要謹慎使用。

例如:讓頁面平滑滾動到一個id爲box的元素處,則JQuery代碼只要一句話,如下:

$(“html,body”).animate({scrollTop:$(“#box”).offset().top},1000);

其中animate爲JQuery的自定義動畫方法,$(“#box”).offset().top表示id爲box的JQuery對象距離頁面頂部的偏移值,1000表示平滑動畫執行的時間爲1000毫秒,也就是1秒。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章