Javascript jquery在x轴和y轴上的动画滚动

我正在尝试使用jquery从一个div到另一个div进行动画滚动。我到了一半，但似乎无法让它在两个轴上滚动。我已经调用了scrollto插件，并愿意使用它。以下是现场直播和代码：

小盒子创意
$（文档）.ready（函数（）{
$（'a[href*=#]'）。单击（函数（）{
if（location.pathname.replace（/^\/，“”）=此.pathname.replace（/^\/，“”）
&&location.hostname==this.hostname）{
var$target=$（this.hash）；
$target=$target.length&&$target
||$（'[name='+this.hash.slice（1）+']'）；
如果（$target.length）{
var targetOffset=$target.offset（）.top；
$（'html，body'）
.animate（{scrollTop:targetOffset}，1000）；
返回false；
}
}
});
});

$。scrollTo有一个很棒的演示页面：

我注意到在上面的代码中，您实际上并没有使用$.scrollTo，而是使用动画scrollTop

与此相反：

$('html,body').animate({scrollTop: targetOffset}, 1000);

我将使用以下方法，使

$target

成为您试图滚动到的元素（您不必担心计算其偏移量，我认为默认情况下是在两个轴上滚动）：

或者，如果您想更详细一些：

$.scrollTo( $target, { duration: 1000, axis: 'xy' } );

---

当我做这个替换时，我丢失了动画，它直接跳到了div。啊，就是这样！谢谢你，伙计。

$.scrollTo($target, 1000);

$.scrollTo( $target, { duration: 1000, axis: 'xy' } );