WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:同一ページのトップへの移動方法で

0:[投稿] ピルグリム [2003/01/31 18:48 ][環境:IE6 Windows]

いつもお世話になります。

ページの下の方からトップへ移動させたいとき通常、 
<A NAME=" "></A> を使用すると思いますが、
これを下記のページのように、下からなめるようにあがっていって、最後にゆっくりと止まるようにできればと思っています。

ソースを見たのですが意味がどうもわかりません。
"scrollTop" も使用されていないようですし、どこでこの動きに
なっているのでしょうか。
違う書き方でもいいのですがどなたかご教示でがえませんでしょうか?
宜しくお願いします。

(該当ページ)
http://www.subaru.co.jp/topics/index.html


1:[回答] ごだっち [MAIL] [2003/01/31 19:11 ]

リンクされている外部.jsファイルのdefault_01.jsの中で185行目から記述されているtoAnchor()ファンクションを、onClickイベントで呼び出しています。
また、toAnchor()ファンクションから、さらにpageScroll()ファンクション(161行目から記述)を呼び出して、スクロールさせています。

内容を見ると、スクロールさせる関数を、タイマー処理で16mSecごとに再呼び出ししています。
また、スクロール量は、現在位置から目標位置までの1/6(frmsの値で割った商の、端数切り捨て)になっているようですね。

このため、最初は1回あたりのスクロール量が大きく、目標地点が近づくにつれてスクロール量が小さくなるようです。


2:[完了] ピルグリム [2003/01/31 20:35 ]

こだっちさん、
詳しい説明をありがとうございます。
この"default_01.js" という外部ファイルの中身を理解するには
まだ相当の勉強が必要になりそうですが、再現はできました。
タイマー処理まで行っているとは思っていませんでした。
個人的にはもう少し簡易的なものも考えようかと思います。
(ここまでかっこよくはならないでしょうが)

どうもありがとうございました。またよろしくお願いいたします。


3:[完了] yuu [2003/02/01 16:45 ]

それなりに汎用的に使えるように作っているから、いじるのカンタンだと思うけど、そうでもない?


4:[完了] ピルグリム [2003/02/03 15:40 ]

>それなりに汎用的に使えるように作っているから、いじるのカンタンだと思うけど、そうでもない?

そうですね。 ゼロからはとても書けませんが、ディレクトリや
ファイル名を変えたり、タイマー処理をちょっといじるくらいなら。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World