メインコンテンツにスキップ

ドキュメント

トップに戻る

シンプルなトップに戻るスクローラーを作成します。

使用方法

トップに戻るスクローラーにアイコンを適用するには、Totopコンポーネントを使用します。`<a>`要素に`uk-totop`属性を追加するだけです。

トップに戻るアイコンを使用してページ上部にジャンプする際にスムーズな効果を追加するには、スクロールコンポーネントを使用します。

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

アクセシビリティ

Totopコンポーネントは、適切なWAI-ARIAのロール、状態、およびプロパティを自動的に設定します。

国際化

Totopコンポーネントは、以下の翻訳文字列を使用します。コンポーネントの翻訳について詳しくはこちらをご覧ください。

キー デフォルト 説明
label ページトップへ `aria-label`属性。