HC Sticky

JavaScript

スクロールしても要素を固定できるJSライブラリ「HC Sticky」

HC Stickyはスクロールした時に特定の要素を固定したまま表示できるJavaScriptライブラリです。スクロールとともに見えなくならないような機能を実装したい人に最適です。オプションも豊富でカスタマイズ性にも優れています。

HC Sticky

デモ

  • Default – bigger than window
  • Default – smaller than window
  • Multiple Stickies
  • Inner Sticker
  • Inner Sticker not following scroll
  • Inner Top not following scroll
  • Browserify test
  • jQuery test

どれも下へスクロールしていくと、特定の要素が固定されたまま表示されるのを確認できるかと思います。常にユーザーの目に触れさせておきたい情報などがある場合にはとても有効な機能になりますね。

オプションには、top、bottom、innerTop、innerSticker、bottomEnd、stickTo、followScroll、stickyClass、responsive、mobileFirst、onStart、onStop、onBeforeResize、onResize、resizeDebounceといった項目が用意されています。

HC Sticky

Dialogifyカスタマイズできるダイアログ・ライトボックスを作成できる「Dialogify」前のページ

レスポンシブでマルチレベルに対応したナビゲーション「K-Responsive-Menu」次のページno-image

関連記事

  1. Cavendish.js

    JavaScript

    CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「…

    CSS transitionsを活用したシンプルなスライドショーを実装…

  2. Parallaxor

    JavaScript

    美しいパララックス効果を最小限のコードで実装できるjQueryプラグイン「Parallaxor」

    Parallaxorは最小限のミニマルなコードで美しいパララックス効果…

  3. no-image

    JavaScript

    フルスクリーンによるjQueryモーダルウィンドウ実装「FullMod」

    FullModはフルスクリーンによるモーダルウィンドウを実装できるjQ…

  4. Tiny Colorpicker
  5. JavaScript

    シンプルでスワイプにも対応したスライダーならSimple jQuery sliderがオススメ

    シンプルでスマホのスワイプにも対応したスライダーを実装したいって時にオ…

  6. nanogallery2

    JavaScript

    美しくてハイクオリティなイメージギャラリーを実装できる「nanogallery2」

    nanogallery2はパーソナルニーズにピッタリなイメージギャラリ…

最近の記事

  1. Anker PowerWave Pad Alloy
  2. Anker Bolder LC30
  3. BG-R10

アーカイブ

PAGE TOP