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. JQuery-SnakeGallery

    JavaScript

    ホバーした方向へエフェクトが追従してくる「JQuery-SnakeGallery」

    JQuery-SnakeGalleryは、ホバーした方向へエフェクトが…

  2. emotion-ratings

    JavaScript

    絵文字を使ったレーティング機能を実装できる「emotion-ratings」

    emotion-ratingsは絵文字を使ったレーティング機能を実装で…

  3. star-rating-svg

    JavaScript

    カスタマイズ性に優れたレーティング(星評価)実装「star-rating-svg」

    star-rating-svgは、SVGを使用したカスタマイズ性に優れ…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで要素を挿入できるメソッドがたくさんあるので整理してみた

    jQueryでHTML要素を追加するメソッドが色々あるので整理するため…

  5. Image Lightbox
  6. jquery countDownTimer

最近の記事

  1. パーソナルパーティション
  2. 200-DGBG020

アーカイブ

PAGE TOP