jQuery单击链接时从页面顶部滚动x像素

Question

我有一个链接可以在滚动时更改其垂直位置。当我点击此链接时，我想在我的页面上找到某个位置（平滑），该链接位于距离页面顶部正好1080px的位置。

我无法让它发挥作用，希望有人可以帮助我。

链接：

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