点击链接时，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>

- user1715848

Answer 1

可以尝试这个。你的语法有些不对：

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

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

- Blender

---

我该如何停止滚动？？我无法通过“$('html, body').stop()”来停止滚动。请问你能否提供一种方法？谢谢。 - Eann