データを表などを使って表示すると縦に長いページになってしまったりすることがあります。データを下にスクロールしながら閲覧している時に、先頭に戻りたい場合はパソコンのブラウザであれば、スクロールバーを移動させることで高速に移動することもできますが、スマホ、タブレットの場合は指でフリックを何度もしなければならず、相当面倒なことになってしまいます。 このような問題を解決する1つの方法として、右下に「先頭に戻る」ボタンを常に表示しておくという方法が考えられます。今回は「先頭に戻る」ボタンを常に表示しておく方法をご紹介します。 まずはHTMLです。「先頭に戻る」ボタンを押した時の戻り先をdivタグで作っておきます。bodyタグのすぐ下で良いでしょう。さらに「先頭に戻る」ボタンをbodyタグを閉じる前に入れておきます。スタイルシートでデザインするので、class名を入れてあります。 <! DOCTYPE