使用.animate scrollTop在定义的时间之前完成滚动到底部

Question

我正在使用jQuery .animate to - on click滚动到页面的某个部分。我有3次，1次滚动到顶部（工作正常），1次滚动到第2部分（工作正常）＆amp; 1滚动到第3节。

当滚动到第3部分（页面底部）时，它似乎比定义的时间更快完成。所以最终发生的是它直接滚动到底部，但它仍然在运行，所以你不能再次向上滚动直到时间结束。

其运行的网站是new.pudle.co.uk（尝试点击“联系”以查看运行中的问题）

我正在使用的jQuery代码是：

// JavaScript Document
$(document).ready(function() {  


$('.proj-tile').click(function()   {
if($(window).scrollTop() >= 300) { //has scrolled considerably to animate
    $('html, body').animate({ scrollTop: '+0'   }, 1200);
}
});


$('#a-u').click(function()  {
    $('html, body').animate({ scrollTop: '+800' }, 1200);
});


$('#c-u').click(function()  {
    $('html, body').animate({ scrollTop: '+1500' }, 3000);
});

});