Docked Link jQuery Plugin

JavaScript

固定されたリンクを表示させられる「Docked Link jQuery Plugin」

Docked Link jQuery Pluginは、Webページ上で固定されたリンクを表示させることができるjQueryプラグインです。上下にスクロールしても、同じ位置を維持したままリンクを表示させておくことが可能です。表示させる位置は、中央左もしくは中央右のどちらかをオプションから指定することができます。

表示位置は左か右のどちらかを指定

デモ

デモでは画面の左側にフローティングリンクが設置されています。下へスクロールしていくと、リンクが徐々に上がってきて真ん中あたりで固定されます。常に表示された状態になっているので、好きな時にいつでもリンク先へアクセスできるのが便利ですね。

表示させる位置は、左か右のどちらかをオプションである「position」から指定することができます。左の場合はleft、右の場合はrightと指定すればOKです。

ほかにも、pixelsFromTopといったオプションも用意されています。使い方に関しても、難しいところもなくすんなり実装できると思います。機能・使い方ともにシンプルなので、手軽に実装できそうですね。

というわけで、特定のリンクをスクロールしても固定できる機能を実装したいという人は、ぜひ「Docked Link jQuery Plugin」を活用されてみてはいかがでしょうか?

Docked Link jQuery Plugin

jquery.stepper.jsマウス操作で値の増減ができるjQueryプラグイン「jquery.stepper.js」前のページ

優れたカスタマイズ性を有するjQueryスライダー「Bara-Bones-Slider」次のページBara-Bones-Slider

関連記事

  1. rpage

    JavaScript

    Bootstrapを使ったレスポンシブなページネーション「rpage」

    rpageはBootstrapを使ったレスポンシブに対応したページネー…

  2. bringins

    JavaScript

    コンテンツをかっこいいアニメーションページで魅せるjQueryプラグイン「bringins」

    bringinsはWebページ上のコンテンツを、アニメーションページと…

  3. JavaScript

    とても簡単で軽量なjQueryスライダー「jQuery Slider²」を使ってみる

    とても簡単かつ軽量なjQueryのスライダー「jQuery Slide…

  4. hsimp

    JavaScript

    パスワードの安全性を教えてくれる「hsimp」

    hsimpは、パスワードがどれだけ安全かを判定してくれるスクリプトです…

  5. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

  6. JavaScript

    水面にゆらゆらと波打つ動きを与えてくれるjQueryプラグイン「lake.js」

    面白そうなプラグインだったので使ってみました。画像を指定するとその画像…

最近の記事

  1. 成城石井 フレンチロースト
  2. COMOLI カシミアシルクニットパーカ
  3. 橋
  4. 梅と久保田城
  5. マワマット26

アーカイブ

PAGE TOP