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で動かない。
どうやらダメなようです。リンクを押しても意図した場所に移動しなくなってしまいます。
仕方ないので別のものを探すしかないですねぇ。
ページ内リンクをスムーズな動きにする、画像への直リンクをライトボックス表示するなどの、最近よく見かける機能を読み込むだけで簡単実装できます。
機能はスクリプトの最初の方で下記の様に羅列されていますので、使わない機能はコメントにしてしまえばよいです。
$(function() {
$.yuga.selflink();
$.yuga.rollover();
$.yuga.externalLink();
$.yuga.thickbox();
$.yuga.scroll();
$.yuga.tab();
$.yuga.stripe();
$.yuga.css3class();
});
非常に便利なんですが、ページ内リンクのスムーズスクロールを使ってみて、気づいた点を2つ。
●ページ内リンクのスムーズスクロールを使う場合、リンク先のID名に「-」(半角ハイフン)が使えない。
原因は調べてませんが、半角ハイフンがあると普通のアンカーリンクの動きになってしまいます。
●iOSのSafariで動かない。
どうやらダメなようです。リンクを押しても意図した場所に移動しなくなってしまいます。
仕方ないので別のものを探すしかないですねぇ。
コメント