動畫windows.scrollby在Javascript

Question

這樣的IM使用window.scrollby這樣

<script> 
function scrollWindowup() { 
window.scrollBy(0,700) 
} 
function scrollWindowdown() { 
window.scrollBy(0,-700) } 
</script> 

有沒有什麼辦法來製作動畫像移動slowy或偏移或任何其他的選擇嗎？

在此先感謝

Answer 1

從一個類似的問題...

您可以jQuery動畫頁面scrolltop。

$('html, body').animate({ 
    scrollTop: $(".middle").offset().top 
}, 2000); 

或者

$('html, body').animate({ 
    scrollTop: 700 
}, 2000); 

動畫下來的頁面：

$('html, body').animate({ 
    scrollTop: '+=700' 
}, 2000); 

動畫了一個網頁：

$('html, body').animate({ 
    scrollTop: '-=700' 
}, 2000); 

瀏覽此網站： http://papermashup.com/jquery-page-scrolling/