Demo¶

ここは、atsphinx-goto-top の動作をみるためのデモページです。

このページはスタイル設定されています。¶

このページ内では、下記のスタイルシート設定が記述されています。

.. raw:: html

   <style>
     section section {
       margin-top: 300px;
       margin-bottom: 300px;
     }
   </style>

スタイルシートによって、各セクションごとに長めの縦マージンが付与されています。そのため、大半のブラウザウィンドウでスクロールバーが表示されるでしょう。

ここからは、ページ内の2番目のセクションですが、ページトップからはかなり遠い位置にあります。手動でトップにスクロールさせることはもちろん可能です。

画面右をみると、上矢印の画像が描かれているボタンがあります（マウスオーバーすると「Back to top」と出ます）。このボタンをクリックすることで、画面トップに簡単に戻ることが出来ます。