通常我們會使用頁面Anchor來讓頁面跳轉到特定的片段，但跳轉時頁面會直接瞬間跳到指定位置，而不會滑順的跳轉，請見下方範例。
沒有 smooth scroll效果
有 smooth scroll效果
如果您還不知道Page Anchor要如何製作，請見這一個片段。
製作Anchor需要有HTML的<a>、元素與id屬性的知識。
假如，您想要透過點擊文字「第三章」來讓頁面跳轉到第三章的文字畫面，您可以這樣做。
在文字「第三章」中加入<a>元素，像這樣：
<a>第三章</a>
接著，在第三章的文字加入，像這樣：
第三章的文字區塊
接下來是製作Anchor的方式，首先，為設定id屬性’chpt-3’，如下：
第三章的文字區塊
再來將加入href屬性，並填入’#chpt-3’，如下：
第三章
這樣一個簡單的Anchor就做好了。
簡單的Anchor製作方法如下：
1.移動目標必須使用id，不可使用class。
2.僅需在href上加入#，並在後面加入跳轉對象的id即可。
了解如何製作Anchor後，就開始進入正題吧！
要讓Anchor達到smooth的效果，謙妍整理出三種方式提供您參考。
第一種：
使用純CSS達到smooth scroll的效果。
一、直接在main.css文件中加入body{scroll-behavior: smooth;}或是*{scroll-behavior: smooth;}即可。
第二種：
使用純CSS達到smooth scroll的效果。
一、直接在main.css文件中加入body{scroll-behavior: smooth;}或是*{scroll-behavior: smooth;}即可。
