今日の人気記事

  1. Tableカラム(列)にソート機能を追加「Tablesorter」
  2. レトロなフリップ時計やカウントダウンタイマーを実装「flipCountDown」
  3. 時間入力を補助する「timepicker」
  4. 開閉式のFAQが簡単につくれる「SimpleFAQ」
  5. テーブルのヘッダーを固定してデータ行をスクロール表示「tbodyScroll」

ページのトップへゆっくりとスクロール(戻る)「Scroll to Top Control」

スポンサーリンク

ページのトップへゆっくりとスクロールするプラグイン「Scroll to Top Control」を紹介します。

jQueryプラグイン「Scroll to Top Control」

ページのトップへゆっくりとスクロールしてくれるjQueryプラグインです。jsファイルと画像を設置するだけで簡単に利用できます。

スポンサーリンク

デモページを下にスクロールすると右下に上矢印の画像が表示されるので、クリックしてみてください。ゆっくりとページトップに戻ります。

「Scroll to Top Control」のデモ

デモのソース(HTML + jQuery)

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Scroll to Top Control - jQueryプラグインまとめのコピペ</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="scrolltopcontrol.js"></script>
</head>
<body>
<div style="height:2000px;">
<p>Scroll to Top Controlのデモでーす。</p>
<p>ページをスクロールすると右下に上矢印の画像が表示されるので、クリックしてみてください。</p>
</div>
</body>
</html>
スポンサーリンク

関連記事(一部広告含む)