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. no-image
  2. gridstack.js

    JavaScript

    ウィジェットレイアウトを作成できるjQueryプラグイン「gridstack.js」

    gridstack.jsはドラッグ&ドロップでウィジェットレイアウトを…

  3. miSlider

    JavaScript

    複数の画像を表示したりスライドしたりできるスライダー「miSlider」

    miSliderは複数の画像やスライドの表示を可能にするスライダーを実…

  4. cubeTransition.js

    JavaScript

    3Dキューブのようなスライダーを実装できる「cubeTransition.js」

    cubeTransition.jsは、CSS 3DトランスフォームとC…

  5. JQuery SlideShow

    JavaScript

    軽量な自動スライドショー(画像・動画)を実装できる「JQuery SlideShow」

    JQuery SlideShowは、画像・動画のスライドショーを実装で…

  6. Sliiide

    JavaScript

    シンプルなスライディングメニューを実装できる「Sliiide」

    Sliiideはシンプルなスライディングメニューを実装することができる…

最近の記事

  1. スタンスミス(EDIFICE/IENA別注)
  2. WI-1000XM2
  3. mill オイルヒーター
  4. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP