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

関連記事

  1. no-image

    JavaScript

    マウスの動作に連動するシャドウエフェクト実装「Jquery Shadow Plugin」

    Jquery Shadow Pluginはマウスの動作に連動するシャド…

  2. Circliful

    JavaScript

    円グラフで統計情報を伝えたい時に役立つjQueryプラグイン「Circliful」

    CirclifulというjQueryプラグインを使えば、統計情報を伝え…

  3. no-image
  4. Tabslet

    JavaScript

    jQueryプラグインでタブ機能が実装できる「Tabslet」

    TabsletというjQueryプラグインを使えばWebサイトにタブ機…

  5. Lity

    JavaScript

    超軽量でアクセシブル・レスポンシブなLightboxを実装できる「Lity」

    Lityは、超軽量でアクセシブル・レスポンシブなLightboxプラグ…

  6. Sidr

    JavaScript

    横からサイドメニューが現れるjQueryプラグイン「Sidr」

    面白いjQueryプラグインがあったのでメモがてらご紹介します。Sid…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP