ども。鉄王です。

いま作っているウェブサイトに『jQuery』を導入して（←かなり〔今さら感〕ありあり）スムーズスクロールをすっきり実現してみようと、『Interface.jsで簡単スムーススクロール - Emotional Web』を参考に組み込んでみました。

しかし、どうもうまく動いてくれない。

いや、1回目はうまくいくんです。ページ下部から「このページの先頭へ」リンクをクリックすると、スルスル～ってページ先頭に戻るんです。でも、もう一度ページ下部までスクロールして同じリンクをクリックしても、何の変化も起こらない。

う～ん……

「Interface.jsで簡単スムーススクロール」のソースを拝見して、分かりました。原因が。

原因は、『jQuery』のヴァージョンにありました。今日現在、『jQuery』の最新版は1.2.3なんですが、これと『Interface.js』を組み合わせると上記のような現象が起きるようなのです。『Interface.jsで簡単スムーススクロール』では、1.1.3.1が使われてまして、これだと問題なく動作するんですよね。

ということで、1.1.3.1を『Google Code』から拾ってきてダウングレード。狙いどおりの効果を得ることができたのでした。

『Interface.jsで簡単スムーススクロール - Emotional Web』
http://www.lllcolor.com/web/jquery/74.html

『jqueryjs - Google Code』
http://code.google.com/p/jqueryjs/

［2008.3.11追記］
スムーズスクロールだけなら、jQuery 1.2.3と『ScrollTo』というプラグインで実現可能なことが判明しました。実際に組み込んでみましたが、問題なく動いてます。

『jQuery1.2.1でスムーズスクロール - u1tnk日記』
http://d.hatena.ne.jp/u1tnk/20080121/1200931812