回到頂部

建立一個簡單的回到頂部捲軸。

用法

回到頂部組件允許您將圖示應用於回到頂部捲軸。只需將 uk-totop 屬性添加到 <a> 元素即可。

若要在使用回到頂部圖示跳轉到頁面頂部時添加平滑效果，請使用捲動組件。

<a href="" uk-totop></a>

<a href="#" uk-totop uk-scroll></a>

無障礙

回到頂部組件會自動設定適當的 WAI-ARIA 角色、狀態和屬性。

• 回到頂部圖示具有 aria-label 屬性，如果使用 <a> 元素，則具有 button 角色。

國際化

回到頂部組件使用以下翻譯字串。了解更多關於翻譯組件的資訊。