jQuery點擊鏈接時，從頁面頂部滾動x像素

Question

我有一個鏈接，它在滾動時會改變其垂直位置。當我點擊這個鏈接時，我想要在頁面上順利地訪問某個位置（位於頁面頂部的1080像素處）。

我無法得到它的工作，希望有人能幫助我。

鏈接：

<img src="img/clickme.png" style="cursor: pointer;" class="scroll"/> 

腳本：

<script type="text/javascript"> 
$(document).ready(function() { 
$(".scroll").click(function(event){  
$('html, body').animate({scrollTo({ top: '+1080px',}, 800); 
}); 
}); 
</script> 

Answer 1

試試這個。你的語法被關了一點：

$(document).ready(function() { 
    $(".scroll").click(function(event){ 
     $('html, body').animate({scrollTop: '+=1080px'}, 800); 
    }); 
}); 

演示：http://jsfiddle.net/m4Aaz/2/