yuga.jsって便利

yuga.jsと言うものが便利です。
ページ内リンクをスムーズな動きにする、画像への直リンクをライトボックス表示するなどの、最近よく見かける機能を読み込むだけで簡単実装できます。

機能はスクリプトの最初の方で下記の様に羅列されていますので、使わない機能はコメントにしてしまえばよいです。


$(function() {
$.yuga.selflink();
$.yuga.rollover();
$.yuga.externalLink();
$.yuga.thickbox();
$.yuga.scroll();
$.yuga.tab();
$.yuga.stripe();
$.yuga.css3class();
});


非常に便利なんですが、ページ内リンクのスムーズスクロールを使ってみて、気づいた点を2つ。


●ページ内リンクのスムーズスクロールを使う場合、リンク先のID名に「-」(半角ハイフン)が使えない。

原因は調べてませんが、半角ハイフンがあると普通のアンカーリンクの動きになってしまいます。


●iOSのSafariで動かない。
どうやらダメなようです。リンクを押しても意図した場所に移動しなくなってしまいます。

仕方ないので別のものを探すしかないですねぇ。

コメント