jQuery動畫
能不能點擊第幾樓的導(dǎo)航的時候讓它滾動回到第幾樓，就是讓它有個滾動的動畫，求回答
不學(xué)習(xí)就心慌
2016-10-05
1 回答
舉報
0/150
提交
取消
2016-10-06
$(function(){
? ?$("ul li a").click(function(){ ? ? ??
??????? var hr = $(this).attr("href"); ? ? ??
???????? var anh = $(hr).offset().top;
???????? $("html,body").stop().animate({scrollTop:anh},2000);
? ?})
})
同一個頁面中做錨鏈接，可以點擊元素，讓頁面跳到指定位置。
現(xiàn)在做的這個效果，不是突默認(rèn)的瞬間跳到指定位置，而是滑動。這樣的用戶體驗會好些。
思路：
1.獲取到需要跳到頁面地方的元素，想對于頁面頂部的距離?$(hr).offset().top;
2.將這個值給html或body元素，讓其滾動條，執(zhí)行一個animate動畫。這個動畫，是改變?yōu)g覽器滾動條相對頂部的值。
注意：
1.$(this).attr("href");這返回期，正好可以做為JQuery的選擇器。
2..stop()防止不停點擊，會不停產(chǎn)生動畫列隊的bug.
http://www.cnblogs.com/lufy/archive/2012/05/15/2501153.html? 可以參考這個理解