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

関連記事

  1. hop

    JavaScript

    Webページ上の好きな場所をハイライトできる「hop」

    hopはオーバーレイされたWebページ上の好きな場所をハイライトするこ…

  2. Responsive Nav

    JavaScript

    レスポンシブ対応の軽量なナビゲーションを実装できる「Responsive Nav」

    レスポンシブ対応のナビゲーションを実装できる「Responsive N…

  3. ScrollMe

    JavaScript

    シンプルなスクロールエフェクトを実装できるjQueryプラグイン「ScrollMe」

    ScrollMeというjQueryプラグインを使えば、シンプルでスタイ…

  4. jquery.adaptive-backgrounds.js
  5. no-image

    JavaScript

    スワイプでのスライドもできるシンプルなスライダー「jquery-slide」

    jquery-slideはスワイプでのスライドにも対応したシンプルなス…

  6. HTML5 Sortable

    JavaScript

    リストをドラッグ&ドロップで並べ替えることができるjQueryプラグイン「HTML5 So…

    リスト化した要素をドラッグ&ドロップで並べ替えることができるjQuer…

最近の記事

  1. ネクスタイム
  2. フォールドオーバーポーチ
  3. 田沢湖
  4. ハクバ シリコンクロス
  5. トライポッドスリーブ

Instagram始めました

Facebookページ

PAGE TOP