# 平滑滾動 用一個漂亮的緩慢滾動效果來增強網站頁面內各部分之間跳轉時的效果。 ## 用法 為了能在網頁中的一部分跳轉到另一部分時，漸漸降低跳轉的速度，例如，一個回到頂部的按鈕，只需要添加 `data-uk-smooth-scroll` 屬性到一個鏈接到目標位置的 `&lt;a&gt;` 元素中即可。 ### 示例 在我們的例子中，使用了標題的ID作為 _平滑滾動_ 的目標。  ### Code ``` <a href="#my-id" class="uk-button" data-uk-smooth-scroll>...</a> ``` * * * ## 偏移 在精確計算滾動位置時，通過偏移選項來添加相對于目標的指定距離。偏移量通過data屬性傳遞。它的數值為正時，在到達目標位置之前停止滾動；數值為負時，在超過目標位置后停止滾動。 | Data 屬性 | 描述 | | --- | --- | | `data-uk-smooth-scroll="{offset: 90}"` | 添加一個偏移量，在滾動到目標還有90PX的位置停下來。 | | `data-uk-smooth-scroll="{offset: -90}"` | 添加一個偏移量，在滾動到超過目標位置90PX的地方停下來。 | ### 示例  ### Code ``` <a href="#my-id" data-uk-smooth-scroll="{offset: 90}">...</a> <a href="#my-id" data-uk-smooth-scroll="{offset: -90}">...</a> ```