stickUp2

JavaScript

スクロールしてもついてくるスティッキー実装「stickUp2」

stickUp2はスクロールしてもついてくるシンプルなスティッキーを実装できるjQueryプラグインです。固定したいメニューやサイドバーなどを、スクロールしても固定表示させておきたい人にはピッタリの機能といえます。

stickUp2

デモ

デモページでは下へスクロールしていくといくつかの要素が特定の位置で固定表示されます。スクロールとともに消えてしまうことがなく、常にユーザーの目に入り続けるので注目してほしい部分がある場合にはとても便利な機能ですね。

オプションには、scrollHide、lazyHeight、topMargin、disableOn (>2.2.0)、namespaceClass (>2.3.0)、fixedClass (>2.3.0)、keepInWrapper、wrapperSelector、syncPositionといった項目が用意されています。

そのほか、イベントもいろいろ用意されているので、気になる人はぜひチェックしてみてください。

stickUp2

関連記事

  1. jquery.confirm

    JavaScript

    jQueryとBootstrapを使ったボタンとリンクによるダイアログ実装「jquery.confi…

    jquery.confirmは、ページ内のボタンやリンクをクリックする…

  2. stackgrid.adem.js

    JavaScript

    コンテンツをグリッド状にスタッキングできる「stackgrid.adem.js」

    stackgrid.adem.jsはコンテンツをグリッド状にスタッキン…

  3. SpriteSpin

    JavaScript

    タッチにも対応した360度ビューを実装できるjQueryプラグイン「SpriteSpin」

    SpriteSpinはプロダクトページなどで役立つ、360度ビューを実…

  4. JavaScript

    画面全体に背景を表示させフェードやスライドもできるjQuery「bgStretcher」

    ブラウザの画面全体に背景を表示させることができるjQueryプラグイン…

  5. Square Menu
  6. JavaScript

    ウェーブ(波形)を簡単に描いてくれるjQueryプラグイン「Wave」

    WaveというjQueryプラグインを使ってみました。これを使えばウェ…

最近の記事

  1. Waterlogue
  2. macOS Mojaveのダークモード
  3. Olli
  4. 単語帳メーカー(Flashcard Maker App)

Facebookページ

PAGE TOP