前からいれたかった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でるわけないと思いスピード調整のみにしています。
長いページ内の移動時に、普通のアンカーだけの移動だと・・・キレイなページが寂しいなぁと思ってました。
ただ、そちらのサイトが使っているライブラリが、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でるわけないと思いスピード調整のみにしています。
コメント
コメントを投稿