2010年6月16日水曜日

ページ内でスムーススクロール

前からいれたかったJavaScript演出、、ページ内のスムーススクロール。
長いページ内の移動時に、普通のアンカーだけの移動だと・・・キレイなページが寂しいなぁと思ってました。
ただ、そちらのサイトが使っているライブラリが、prototype.js。
あるかなぁ・・・と調べたら、直ぐありました。

http://www.u-ziq.com/blog/2007/03/prototypejs.html

ありがたや・・・。

と、入れたところ微妙な動き。。なんでだろ?と思ったところ

だと、div内に入っていると動作しないようです。
ので、


<div id="hoge"></div>


としてあげると・・・動きました。まぁ、elementまで動かすという動作なので、idでの設定が確かに正しいと思います。

が、、やっぱりしっくりこない。
移動スピードが、ちょっと遅い気がしました。
で、もうちょっと調べると、

http://javascriptist.net/ref_scriptaculous/effect.scrollto.html

こちらでスピード調整ができました。
その他、fpsの設定などできるみたいですが・・・IEとFFで同じFPSでるわけないと思いスピード調整のみにしています。

0 件のコメント:

コメントを投稿