Home > Archives > January 2009

January 2009

アンカースクロール

よくサイトデザインなんかで"TOPへ"とか付けますよね
そのアンカーリンクのスクロールをスムーズに出来る。

アンカーリンクとは、
ページ内に
<a name="TOP"></a>
と記述し
<a href="#TOP">TOPへ</a>
のリンクをクリックすると上記指定したname属性のリンク箇所をジャンプする


jqueryとかdfSmooth Scrollで実装可能なのですが、ID属性で判別したりするので
依存のサイトのアンカータグに手を加えないといけない。
※自分はname属性でよく書くので

う~ん。面倒だな・・・

新規に作ろうと思ったんですが、dfSmooth Scrollはname属性で動いていたので
コレを使ってみることに

FF3とSafariでは上手く動かない様子( TДT)

ソースを見てみると
<a name="TOP"></a>
ではoffsetTop値が正常に取得できていない
<a name="TOP">xxx</a>とかすると動く。


仕方ないのでちょっと手を加えることに
a[i].innerHTML+=" ";
リンクタグの文字列に「半角スペース」を挿入するように1行追加。
強引だ(・_・;)

これライセンスとかどうなってるんだろうか・・・。

とりあえず、動いたので
サンプル

ただ、name属性、ID属性どちらにでも動作するようにしないとなぁ
やっぱり、あとで1から作らないとダメだ(´∀`)


dfSmooth Scrollは
name属性のみ、他ページからのリンク時は動作しない らしい
  • TrackBack (Close): -

More...

Home > Archives > January 2009

Search
Feeds

Page Top