10

スクロールすると垂直位置が変わるリンクがあります。ページの上部から正確に 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>
4

1 に答える 1

22

代わりにこれを試してください。あなたの構文は少しずれていました：

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

デモ: http://jsfiddle.net/m4Aaz/2/

于 2012-10-04T03:06:53.560 に答える