平滑相同的屏幕滚动

Question

我想这样做，所以我可以点击我页面上的链接，让它顺利过渡到目标，如果有人可以提供帮助，我将非常感激。

这是我的按钮链接，

<div class="btn"><a href="#work">Read More</a></div>

以下是目标，

<div class="sec2">
 <a name="work"><h1>My Work</h1></a>
 <center><img class="work1" src="img/work1.png" alt="Colour Booklet"></img></center>
    <p>How are trends in colour usage formulated in contemporary culture?</p>

我想要它，所以我可以点击按钮让它顺利向下滚动。

感谢。