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. SimpleAccordion

    JavaScript

    シンプルなアコーディオンを実装できるjQueryプラグイン「SimpleAccordion」

    SimpleAccordionは、シンプルなアコーディオンを実装するこ…

  2. jfMagnify
  3. multi-list

    JavaScript

    複数の選択可能なリストにするためのjQueryプラグイン「multi-list」

    multi-listは、順序付けされていないリストを複数の選択可能なリ…

  4. JavaScript

    リストなど複数の要素をランダムにフェードで表示していくjQueryプラグイン「champagne.j…

    どこかで使う機会がありそうな感じのjQueryプラグイン「champa…

  5. Typewriter JS

    JavaScript

    タイプライターっぽいエフェクトでテキストを表現できる「Typewriter JS」

    Typewriter JSは、タイプライターを使って文字入力するような…

  6. Cloud 9 Carousel

    JavaScript

    サクサク動作する3Dカルーセルを実装できる「Cloud 9 Carousel」

    Cloud 9 Carouselはサクサク動作する3Dカルーセルを実装…

最近の記事

  1. 200-DGBG020
  2. Anker PowerPort 5-in-1 37.5W Hub
  3. α7C + FE28-60mm F4-5.6
  4. Apple Watch Series 6

アーカイブ

PAGE TOP