ページトップボタン／Page top button
スクロールしたページを最上部に戻すコンポーネントです。
一定のスクロール量で表示され、クリックするとスムーズにトップへ移動します。
<a class="c-pageTop" href="#top" aria-label="ページトップへ戻る" data-js-pagetop> <svg class="icon" role="img" aria-hidden="true"> <use xlink:href="/assets/img/sprite.svg#arrow_up"></use> </svg></a>原則
- ページの最上部では非表示となり、下にスクロールするとウィンドウの右下に表示されます。
- ページ内要素と重なる場合はページトップボタンが上になります。
- ステータスはプリミティブコンポーネントのアイコンボタンに準じます。