忍者ブログ
｜ADMIN｜EDIT｜RES｜

果報は寝て待て(-_☆)


果報を寝て待ってはいるのですが・・・
04月 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 
◇ ◆ ◇ Recent Entry ◇ ◆ ◇
(12/14) モンスターハンターワールド(MHW)ベータテスト(体験版)の感想 ：[games]MHW
(12/14) 12/13のツイートまとめ ：[Twitter]Twitterのまとめ
(12/13) 12/12のツイートまとめ ：[Twitter]Twitterのまとめ
(12/12) 12/11のツイートまとめ ：[Twitter]Twitterのまとめ
(12/11) 12/10のツイートまとめ ：[Twitter]Twitterのまとめ
(12/10) 12/09のツイートまとめ ：[Twitter]Twitterのまとめ
(12/09) 12/08のツイートまとめ ：[Twitter]Twitterのまとめ
(12/08) 12/07のツイートまとめ ：[Twitter]Twitterのまとめ
(12/07) 12/06のツイートまとめ ：[Twitter]Twitterのまとめ
(12/06) 12/05のツイートまとめ ：[Twitter]Twitterのまとめ
≪ [226] [1002] [225] [224] [1003] [223] [1004] [222] [1005] [1006] [221] ≫
　　　　　　

[PR]

　　　　

2024/04/26 (Fri)｜

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。



編集
　　　　　　

TOPへの戻り方

　　　　

2006/10/05 (Thu)｜[customize]ＨＴＭＬ/ＣＳＳ

以前、ドコかで見かけた小技。
TOPへ戻る時に、スクロールして戻るかのように見せてくれるスクリプト。

いざやってみようって思ったら、ドコで見かけたんだかわからなくなって・・・。
「自力でスクリプト書けないし～（´・ω・`）」と諦めかけていたのですが、なんとニンブロラボ.さん経由でスクリプトをGetすることに成功しました（￣ー￣+

javascriptの使用ができるトコならカップ麺が出来上がる前に作業完了できます(？)

参考サイト：
ニンブロラボ. ページトップへスクロールさせる
スクリプトはコチラにあります↓
このページの先頭へ、をちょこっとおしゃれに | S i M P L E * S i M P L E

ちなみに元ネタはコチラな模様・・・(英語です)
wg:A (slightly) better technique for "Back to Top" links.

S i M P L E * S i M P L E - Smart Designs by 100SHIKI.COMさんトコにスクリプトも設置方法も載せてありますので、そちらを参照していただければいいかと思います。

・・・が、一応ってカンジでいつも通り『作業メモ』として私の設置した方法を続きに載せています。
スクリプトも置いてますので、よかったらどうぞご覧ください(ﾟーﾟ；)
以下のスクリプトを埋め込みます。

ドコでも構わないようですが、私はbody内で一番上に置いてみました。
<script type="text/javascript" language="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>



でもって、TOPへのリンクは以下のようになります。
<a href="#" onclick="backToTop(); return false">TOP</a>


しかしながら、なんかTOPへ戻る時の動作がウチで見るとギコチなく見えるのは私ダケでしょうか？(・∀・；)
BlogPetとか、載せてるモノの具合なのかなぁ？
PR


トラックバック()｜ コメント(2)｜ 編集
　 ＜＜ prev entry 　 　 ｜ HOME ｜ 　 　 next entry ＞＞ 　　　　
+++ この記事へのコメント +++
　
name
title
color
mail
URL
comment

ご利用のブラウザ、設定ではご利用になれません。
password Vodafone絵文字 i-mode絵文字 Ezweb絵文字
secret? 　※チェックすると管理者へのみの表示となります。
　
ちゃんとするするしてる
ちゃんと動作してると思います
これもいいですよね
kisato URL 2006/10/05(Thu)20:06:19
EDIT｜RES
Re:ちゃんとするするしてる
>ちゃんと動作してると思います
>これもいいですよね

kisatoさんも設置されたんですね？（￣ー￣+
毎度のTB、ありがとうゴザイマス☆
コチラからも後ほどうかがいますね♪
[ 2006/10/05 23:05 ]
おもしろいですね♪
Pavさん、おはよーございまっす♪
おお！ほんとだ！スクロールしますね♪おもしろい小技ですね(*^-^)
なんにせよ、色々なスクリプトに触れていけば、
わかってくるようになりますもんね。いい勉強法だと思いますよ。習うより慣れろですからね。(*^-ﾟ)vｨｪｨ♪
yozo URL 2006/10/05(Thu)09:29:14
EDIT｜RES
Re:おもしろいですね♪
yozoさん、こんにちわ♪(ﾟ▽ﾟ*)

>おお！ほんとだ！スクロールしますね♪おもしろい小技ですね(*^-^)

見つけた時はカンゲキでした。
検索するのもスクリプト考えるのもメンドくさいって思ってたんで(爆)

>なんにせよ、色々なスクリプトに触れていけば、
>わかってくるようになりますもんね。いい勉強法だと思いますよ。
>習うより慣れろですからね。(*^-ﾟ)vｨｪｨ♪

中身が理解できると、イロイロと応用が利いてぐっとカスタマイズにも幅がきくようになると思うんですよね。
イロイロ使っていくウチに多少でもわかるようになれればいいのですが・・・。
[ 2006/10/05 14:36 ]
+++ この記事へのトラックバック +++
この記事にトラックバックする：
Search in BLOG
CATEGORIES
ARCHIVE

RECENT COMMENTS
RECENT TRACKBACKS
MY LINKLIST
ドリコムRSSとブログリストに登録
BlogPeopleのリンクリストへ登録

PRIVATE LINKLST ▼
TRACKBACK PEOPLE ▼
RECENT ENTRIES ▼
Pavloba ? ! ? !


すぐにサボって寝てしまうので、時々構って下さい。
鼻を触ると喜びます？
QR code ▼
RSS ▼
MailForm ▼
COUNTER ▼
＜＜ うし情報？ 　 ｜ HOME ｜ 　 廃人廃業生活(謎) ＞＞
　　　　
+++ Powered By 忍者ブログ +++
Copyright © 果報は寝て待て + Template Design BY © Ｐａｖｌｏｂａ
+++ 忍者ブログ + [PR]
+++