jquery 跳到頂部和底部動畫2句程式碼簡單實作_jquery

複製代碼 代碼如下:

//W3C/1. Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">





$(document).ready(function () {
// 當點擊頂部按鈕的時候，執行方法,scrollTop屬性取得選取標籤距捲軸的距離。
$('#top ').click(function () {
$('html').animate(
{ scrollTop: '0px' }, 1000
);
});
//當點擊底部標籤時候，執行方法，其中offset()獲取匹配元素在當前視口的相對偏移,返回的是一個對象，有兩個屬性top,left
//animate,的第二個屬性當然我們也可以設定'slow','normal'或'fast'
$('#foot').click(function () {
$('html').animate(
{scrollTop: $('span').offset().top},1000
);
});
});









底部












上