Javascript 平滑向下滚动

我正试图这样做，当你点击一个文本，我希望它的动画页面的一部分进一步向下。 例子： 点击Case，你可以看到它一直到页面的那个部分

在我的网站上。当我点击主页、信息、联系我们时，我想让它在页面上的这些东西所在的部分设置动画，但我不知道如何做到这一点：(

要查看这些代码，请转到我的网站并按ctrl+u组合键

我不知道如何在这里粘贴代码：3

如果你可以发送一个链接到一个网站，解释或者如果你知道并写在评论中。那将是非常感谢的。

类似这样的事情吗

$（文档）.ready（函数（）{
$（“.anchor”）。单击（函数（e）{
$（'html，body'）。设置动画({
scrollTop:$（$（this.attr（'href'））.offset（）.top
}, 1000);
});
})；

#顶部{背景色：红色；}
#中间{背景色：黄色；}
#底部{背景色：绿色；}
div.block{高度：400px；}

顶端
中间
底部

像这样的东西

$（文档）.ready（函数（）{
$（“.anchor”）。单击（函数（e）{
$（'html，body'）。设置动画({
scrollTop:$（$（this.attr（'href'））.offset（）.top
}, 1000);
});
})；

#顶部{背景色：红色；}
#中间{背景色：黄色；}
#底部{背景色：绿色；}
div.block{高度：400px；}

顶端
中间
底部

仅适用于chrome。在IE中，它会在滚动前跳转到顶部，在ff中，它只会在不滚动的情况下跳转。在我看到你的评论后，我在chrome、IE和Opera上测试了这三个版本，效果都很好，我没有ff需要测试。当然，如果需要，还有其他方法可以测试。事实上，它会直接跳转到ff中的部分，这表明jquery不是lo由于某些原因，ading…只在chrome中起作用。在IE中，它在滚动之前跳到顶部，在ff中，它只是在不滚动的情况下跳到顶部。在我看到你的评论后，我在chrome、IE和Opera上进行了测试，在所有3个版本上都很好，我没有ff来测试它。当然，如果需要的话，还有其他方法来测试。事实上，它直接跳到ff中的部分表明由于某种原因，jquery未加载。。。