ScrollToAnchors ページ内アンカーにスムーズスクロール

カテゴリー:jQuery

Interface elements for jQuery - About Interface

interface.jsとjQueryを使うと、ページ内リンクのスムーズスクロールが簡単に実現できます。


$(document).ready(function() {
 $("body").ScrollToAnchors(800);
});

()の中の数字はスピードです。
色々試してみると面白い。イージングもしてくれます。

とりあえず、これを書いておけばページ内アンカーのリンクは自動的にスムーズスクロールされるんだけど…MacのSafariでは、上方向のスクロールをしてくれません。普通に飛んじゃいます。
バグですかなぁ。

あと、もしJavaScriptであとからページ内に動的にページ内リンクを付け加えたりする場合は、このスクリプトを実行する前につけておかないと、その部分だけスクロールしてくれなくなりますのでご注意。

2007年6月29日(金曜日)/02時26分 - kadoyan -
Yahoo!ブックマークに登録Yahoo!ブックマークに登録はてなブックマークに追加はてなブックマークに追加

トラックバックURL:

 
%3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%22%20%76%61%6c%75%65%3d%22%62%64%62%66%64%36%64%33%33%61%36%34%31%35%62%35%61%66%31%38%65%34%34%63%33%66%65%33%36%66%39%30%22%3e %3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%5f%68%61%73%68%22%20%76%61%6c%75%65%3d%22%32%66%31%62%62%64%32%66%35%31%65%31%30%61%36%39%38%30%36%64%37%31%61%64%37%32%39%37%33%66%32%66%22%3e
CATEGORY