ＣｕｓbｌO |
忍者ブログテンプレートカスタマイズ ブログテンプレートＣＳＳ／ＨＴＭＬカスタマイズ覚書 忍者用ブログテンプレート作成中
上にスクロールする リンク
ページが下のほうへするロールすると
（ブラウザ下にスクロールした場合）
上にもどるのが不便
ブログの一番上まで戻れるリンク
全ての記事につける方法
（ブラウザ下にスクロールした場合）
上にもどるのが不便
ブログの一番上まで戻れるリンク
全ての記事につける方法
CSS <head> ～～ </head> に<script type="text/javascript">
<!--
function backToTop() {
var x1 = x2 = x3 = 0;
var y1 = y2 = y3 = 0;
if (document.documentElement) {
x1 = document.documentElement.scrollLeft || 0;
y1 = document.documentElement.scrollTop || 0;
}
if (document.body) {
x2 = document.body.scrollLeft || 0;
y2 = document.body.scrollTop || 0;
}
x3 = window.scrollX || 0;
y3 = window.scrollY || 0;
var x = Math.max(x1, Math.max(x2, x3));
var y = Math.max(y1, Math.max(y2, y3));
window.scrollTo(Math.floor(x / 2), Math.floor(y / 2));
if (x > 0 || y > 0) {
window.setTimeout("backToTop()", 25);
}
}
// -->
</script>
ＨＴＭＬ つけたいところへ<a href="#" onclick="backToTop(); return false;">▲ＴＯＰ 好きなように書き換える</a>
全記事フッターへ記入する場合 <div class="EntryFooter"> を探す
<div class="EntryFooter">
の少し下に
</div>
</div>
<!--/entry-->
がある ので上に記入
のようになったら 保存<a href="#" onclick="backToTop(); return false;">▲ＴＯＰ 好きなように書き換える</a>
</div>
</div>
<!--/entry-->
PR
この記事にコメントする
最新記事
(06/23)
(06/19)
(05/14)
(05/14)
(04/28)
カテゴリー
最新トラックバック
ジェネレーター リンク
ソフト不要で作成カスタマイズできる
ＣＳＳ／ＨＴＭＬ
ブログ：
ネーム：
かすぽ
趣味：
美しい・綺麗なものの鑑賞
自己紹介：
ＣｕｓＢｌｏスタート：２０１０．０３．０７
３月１６日１作目完成とどうじに愛猫天使記念日
最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中
３月１６日１作目完成とどうじに愛猫天使記念日
最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中
素材配布サイト様へ：リンク漏れが有る場合以下の専用ページにコメントください
