ねんがんの　ヌルヌルスクロール　をてにいれたぞ！

　　　　　　　　　　　　〃´⌒ヽ
　　　　 .,　-――　　ﾒ／_´⌒ヽ
　　　／　　　／￣　　´ヽ ヽ
　　./　　,　 /// ﾄ. !　　､ 丶ヽ
　　l　　/　/（(（リ从　　ﾘﾉ）） '
　　|　　i　 l　　　．　ヽﾉ　．V l
　　l　,=!　 l　 ///　　　 ///l l　　　　　　　ねんがんの　ヌルヌルスクロール　をてにいれたぞ！
　　l　ヾ! ', l　　　　ヽ_フ　　 l l
　　|　　ヽヽヽ　　　　　　　 //
　　l　　　 ヾ≧　, ＿_ ,　イ〃
　　li 　 （´｀)l {ﾆ0ﾆ}､ |＿"＿＿______
　　li 　 /l, l└ ﾀl」　／|　　　ぬるぬる　　l
　　ﾘヽ/　l l__　.／　 |___＿＿＿_____|
　　　,/　　L__[]っ ／　　　　　　　／

ページ内リンクをヌルヌル自動でスクロールするjavascriptを導入しました。
以前からこの手のスムーズ（ヌルヌル）スクロールは入れたい、入れたい、と思っていたのですが、他に利用しているスクリプトとの相性などの問題から動かないものが多く、諦めていたのですが、ついに今回うまく動く物をを見つけたので　ねんがんの　導入です。

ぜひ みんなも、ぬるぬるしていってね！
以下で紹介する先の投稿日時みると結構昔からあるようなんですが・・・見逃していたのか、古いバージョンだと相性合わなくて見切ってたのか・・・。

何より外部ファイル読み込むだけってのが簡単で良い

今回導入させて頂いたのは、コリスさんの所の Page Scroller。 JQuery を利用した物です。

[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス

今使用しているほかのJQueryプラグインとの相性問題が起きない所が素晴らしいのは、今までの経緯から勿論の事。
導入が凄い簡単。さらに基本的に今書いてあるHTMLを汚さず導入できるのも魅力です。

導入は対応した JQuery とこの Page Scroller をヘッダーで読み込むだけ！
あとはページ内リンクがあればヌルヌル動いてくれます。

HTML汚さないってのも自分でソース書いたり、SEOだーなんて言ってる人間にとっては重要です！
色々な所に 「 onclink=”～～” 」 とかイベントハンドラ書くのは気持ち悪くてうちは嫌いです。
あと1箇所ずつ足さなきゃいけない物とか手間ですしね。

細かい拡張設定も可能

設定次第で、スクロールゴールの位置指定ができたり、横スクロールに、外部リンクからのヌルヌルにも対応と痒い所に手が届く基本がガッチリ固まってて素敵です。

うちのサイトでもさっそく全てのページ内リンクでヌルヌルするようになりました。
（最下部の ページ先頭へ戻る とか トップページ の最新記事へ飛ぶリンクとか Gallery ページとか）

そんな訳で、ずっと導入したいと思っていた効果だけに、自己満足度は最高です！
詳しいプラグインの説明や、導入方法、デモなどはコリスさんの所をご覧ください。

JQuery 使いには是非オススメのプラグインですね！

処女はお姉さまに恋してる DVDフルボイスパッケージ

posted with amazlet at 09.08.09

キャラメルBOX (2006-04-28)

Amazon.co.jp で詳細を見る