2012-10-04 6 views
9

私はスクロール時に垂直位置を変更するリンクを持っています。このリンクをクリックすると、ページの上部から正確に1080pxにある特定の位置(スムーズに)に移動したいです。jQueryリンクをクリックするとページの上からxピクセルスクロール

私はそれが仕事を得ることができない、誰かが私を助けることを願っています。

リンク:

<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> 

答えて

21

ではなく、これを試してみてください。あなたの構文は少し離れた:

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

デモ:私はこのスクロールをどのようにhttp://jsfiddle.net/m4Aaz/2/

+0

を停止することができます?私はこのスクロールを "$( 'html、body')。stop()"で止めることはできません。 ??方法を提案していただけますか?ありがとうございました – Eann

関連する問題