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. Horizon Swiper

    JavaScript

    スワイプやスクロール対応の軽量なjQueryプラグイン「Horizon Swiper」

    Horizon Swiperはスワイプやブラウザスクロールに対応したj…

  2. JavaScript

    シンプル・軽量・簡単なLightBox系モーダルウィンドウのjQueryプラグイン「portBox」…

    portBoxというjQueryプラグインを使えばシンプルで軽量なLi…

  3. no-image

    JavaScript

    マテリアルデザインによるjQueryタイムピッカー実装「MDTimePicker」

    MDTimePickerはマテリアルデザインをコンセプトにしたタイムピ…

  4. JavaScript

    値を指定することで好きなカラースウォッチを表示できるjQueryプラグイン「Color Swatch…

    これはどこかで使いたくなるjQueryプラグインですね。カラー値を指定…

  5. no-image

    JavaScript

    1日のイベントスケジュールを作成できる「Jquery Layoutday plugin」

    Jquery Layoutday pluginは、1日のイベントスケジ…

  6. FakeLoader.js

    JavaScript

    フルスクリーンでカッコいいローディングアニメーション・FakeLoader.js

    FakeLoader.jsはフルスクリーンでカッコいいローディングアニ…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP