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

    レスポンシブに対応したビフォーアフター画像を実装できる「before-after.js」

    before-after.jsはシンプルでレスポンシブに対応したビフォ…

  2. HR Navigation Responsive Menu
  3. Textualizer

    JavaScript

    テキストに様々なエフェクトを与えながら切り替わっていくjQueryプラグイン「Textualizer…

    フェードやスライドといった様々なエフェクトをテキストに与えながら切り替…

  4. no-image

    JavaScript

    Bootstrap 4を使ったステッパープラグイン「bs-stepper」

    bs-stepperはBootstrap 4を使ったステッパーを実装で…

  5. jquery.xtr

    JavaScript

    クライアントサイドで変換してくれる「jquery.xtr」

    jquery.xtrはページのリフレッシュなしにクライアントアイドでテ…

  6. jQuery Star Flashing Effect

最近の記事

  1. スタバのドリップのホットのショート
  2. LE エルイー 6 PANEL CAP
  3. タリーズ ハウスブレンド
  4. BAG-TW1BKシリーズ

アーカイブ

PAGE TOP