2011-03-10 89 views
1

我剛開始學習jQuery,並且遇到了這個網站,我非常喜歡這種滾動效果,以及整個網站只是一個頁面。如何獲得此滾動效果?

考慮到我是一個初學者是有一個可以指向讓我實現類似效果的任何資源(光滑,緩解動畫)

感謝

回答

2

沒有必要的插件使用jQuery:

$('.scrollPage').click(function() { 
    var elementClicked = $(this).attr("href"); 
    var destination = $(elementClicked).offset().top; 
    $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-20}, 500); 
    return false; 
}); 

的代碼從錨獲取href和使用它作爲日e目標元素。如果您想調整滾動速度,只需更改500. DemoOriginal

而這裏的another tutorial