topへ戻るボタン

topへ戻るボタン

See the Pen topへ戻るボタン by kbyt (@kbo58) on CodePen.

$('#top_btn').click(function() {
 $('body, html').animate({ scrollTop: 0 }, 300); /* 0.3秒かけて一番上へ戻る*/
});

丸いtopへ戻るボタン

See the Pen 丸いtopへ戻るボタン by kbyt (@kbo58) on CodePen.

長方形のtopへ戻るボタン

See the Pen 長方形のtopへ戻るボタン by kbyt (@kbo58) on CodePen.

シンプルなtopへ戻るボタン

See the Pen シンプルなtopへ戻るボタン by kbyt (@kbo58) on CodePen.

シンプルなtopへ戻るボタン2

See the Pen シンプルなtopへ戻るボタン2 by kbyt (@kbo58) on CodePen.

シンプルなtopへ戻るボタン3

See the Pen シンプルなtopへ戻るボタン3 by kbyt (@kbo58) on CodePen.

シンプルなtopへ戻るボタン4

See the Pen シンプルなtopへ戻るボタン4 by kbyt (@kbo58) on CodePen.

三角形のtopへ戻るボタン

See the Pen 三角形のtopへ戻るボタン by kbyt (@kbo58) on CodePen.