jQuery動畫效果animate和scrollTop結(jié)合使用實例_jquery

CSS屬性值是逐漸改變的，這樣就可以創(chuàng)建動畫效果。
只有數(shù)字值可創(chuàng)建動畫（比如 "margin:30px"）。
字符串值無法創(chuàng)建動畫（比如 "background-color:red"）。
代碼如下:$('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
上面的代碼表示滾動條跳到0的位置，頁面移動速度是800。
結(jié)合scrollTop實用示例：
代碼如下:
jQuery(document).ready(function($){
$('#shang').click(function(){
$('html,body').animate({scrollTop: '0px'}, 800);
});
$('#comt').click(function(){
$('html,body').animate({scrollTop:$('#comments').offset().top}, 800);
});
$('#xia').click(function(){
$('html,body').animate({scrollTop:$('#footer').offset().top}, 800);
});
});
表示點擊相關(guān)ID移動到指定位置：
點擊ID為shang的元素，回到頂部；
點擊ID為comt的元素，回到ID為comments的位置；
點擊ID為xia的元素，回到底部；

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com