Javascript 平滑向下滚动

我试图建立一个单页的网站，但我需要该网站向下滚动平滑，在向下滚动缓慢。 我需要使用特殊的标题或函数吗？ 谢谢 我当前的代码如下所示：

<section id="section01" style="width: 100%; height: 80%">
    <h1>Scroll Down Button #1</h1>
    <a href="#section02">Scroll</a>
</section>
<section id="section02" style="width: 100%; height: 100%">
    <h1>Scroll Down Button #2</h1>
    <a href="#section01">Scroll</a>
</section>

向下滚动按钮#1
向下滚动按钮#2

这样做很好。下面的片段：

//使用哈希选择所有链接
$（'a[href*=#]：非（[href=#]）。单击（函数（）{
//网页链接
if（location.pathname.replace（/^\/，“”）=此.pathname.replace（/^\/，“”）||
location.hostname==this.hostname）{
//找出要滚动到的元素
var target=$（this.hash）；
target=target.length？target:$（'[name='+this.hash.slice（1）+']'）；
//是否存在滚动目标？如果存在，请设置动画
if（目标长度）{
$（'html，body'）。设置动画({
scrollTop:target.offset（）.top
}, 1000);
//防止违约
返回false；
}
}
});

向下滚动按钮#1
Lorem ipsum dolor sit amet，奉献精英。威尼斯的多洛里布、奎斯、福吉亚和奥迪奥，以及不可解释的真相？积累的财富是一种财富，是一种财富！洛雷姆勒姆·伊普苏姆·多洛尔·希特·阿梅特（loremLorem ipsum Door sit amet），是一位杰出的献身者。威尼斯的多洛里布、奎斯、福吉亚和奥迪奥，以及不可解释的真相？积累的财富是一种财富，是一种财富！洛雷姆勒姆·伊普苏姆·多洛尔·希特·阿梅特（loremLorem ipsum Door sit amet），是一位杰出的献身者。威尼斯的多洛里布、奎斯、福吉亚和奥迪奥，以及不可解释的真相？积累的财富是一种财富，是一种财富！洛雷姆勒姆·伊普苏姆·多洛尔·希特·阿梅特（loremLorem ipsum Door sit amet），是一位杰出的献身者。威尼斯的多洛里布、奎斯、福吉亚和奥迪奥，以及不可解释的真相？积累的财富是一种财富，是一种财富！洛雷姆勒姆·伊普苏姆·多洛尔·希特·阿梅特（loremLorem ipsum Door sit amet），是一位杰出的献身者。威尼斯的多洛里布、奎斯、福吉亚和奥迪奥，以及不可解释的真相？积累的财富是一种财富，是一种财富！洛雷姆勒姆·伊普苏姆·多洛尔·希特·阿梅特（loremLorem ipsum Door sit amet），是一位杰出的献身者。威尼斯的多洛里布、奎斯、福吉亚和奥迪奥，以及不可解释的真相？积累的财富是一种财富，是一种财富！洛勒姆

向下滚动按钮#2
有一个小jquery代码片段，您可以使用它在页面链接中平滑滚动。它在内部滚动时使用
动画


$（函数（）{
$（'a[href*=“#”]：不是（[href=“#”]”）。单击（函数（）{
if（location.pathname.replace（/^\/，''）==this.pathname.replace（/^\/，''）和&location.hostname==this.hostname）{
var target=$（this.hash）；
target=target.length？target:$（'[name='+this.hash.slice（1）+']'）；
if（目标长度）{
$（'html，body'）。设置动画({
scrollTop:target.offset（）.top
}, 1000);
返回false；
}
}
});
});

向下滚动按钮#1
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子。这是一个很好的例子。莫利斯·因特杜姆十字勋章。努克和埃利芬德·拉库斯。南努克·里苏斯，亨德雷特
在暂时的情况下，发酵液是毛里斯。奎斯克·拉克斯·利伯罗、ac libero vitae拍卖人、福西布斯·努克拍卖人。苦杏仁。前庭直肌前庭三叉肌。这是一个很好的例子。
两个欧盟成员国，一个是欧盟成员国，另一个是欧盟成员国。Sed mattis interdum elit eu拍卖商。马来酸弓矢状前庭。莫里斯·特里斯蒂克、利奥·瓦里乌斯·朗库斯·康塞特图尔、阿尔库·迪亚姆·福西布斯·尼塞尔、达比伯斯·洛伯蒂·迪亚姆·奥奇。发酵期
这是奥迪奥，而阿库姆桑则是阿利夸姆。罗汉果。在自由之家，你可以享受生活。纳拉姆·内克·法雷特拉·艾利特。这是一个巨大的时代，是一个充满智慧的时代，是一个短暂的时代。普尔文纳精英
eu justo suscipit，ac前庭lorem scelerisque。阿利奎姆·拉奥里特在奥古斯在福西布斯。在自由民盟，佩伦茨克ac varius nec，在国际公共卫生组织（ipsum）。一个orci porttitor faucibus是侵权人。Donec faucibus leo tellus，
埃吉特·拉西尼亚·胡斯托·亨德雷特进来了。我是一个爱哭的人。我不知道该怎么做。整圆菱角。酒后驾车，酒后驾车。Aliquam hendrerit lorem ac mauris tristique
tincidunt。普尔文纳尔·尼布·奥古斯·佩伦茨克（augue Pellentsque）在《精英们的别有用心》（interdum Elite ultricies）中。不要给我一个不平等的机会。暂停一杯苏打水，暂时停止。佩伦特式居住者morbi tristique Sentecus et netus et malesuada fames ac turpis
埃格斯塔斯。这是一个很好的例子。相思，相思，相思，相思，相思，相思，相思，相思，相思，相思，相思，相思，相思，相思，相思，相思，相思，相思，相思，相思，相思，相思，相思，相思。Donec vel dui leo。但是，埃尼姆·梅特斯，坐在阿梅特·乌兰科珀旁边。尤伊斯莫德·莫里斯·波特提托·图皮斯阿利奎姆酒店
Comodo，在pharetra odio。维瓦摩斯·库苏斯·森佩尔·洛博蒂斯。不属于同侧的威尼斯舌苔。尊贵的摩比·亨德雷特·马克西姆斯。梅塞纳斯·迪亚梅罗斯，法雷特拉·乌特·特里斯提克·奎斯，他是一个不折不扣的人。库拉比图尔
euismod aliquet nulla，et eleifend est semper ac.Pellentsque hendrerit mollis lectus，用于调味品。毛里斯·埃菲西图尔·阿库·尼斯尔·康塞克特·斯克利斯。无便利。普罗因比本杜姆普雷拉特费尼布斯。整型妊娠大出血
小菜一碟。Donec ac lorem metus。我爱你，我爱你，我爱你，我爱你。这句话的意思是：“我的天哪，我的天哪，我的天哪。”。你的生活是怎样的。塞德·艾利特·乌尔纳、索达莱斯·埃吉特·尼西·波尔塔、康瓦利斯