Javascript

【Javascript】スクロールしている間ページ上の任意の要素を表示するライブラリHC Sticky

October 21, 2018
HC Sticky

HC Stickyはスクロールしている間ページ上の任意の要素を表示するJavascriptライブラリ。

Static HTML

Static HTML

<script src="/path_to/hc-sticky.js"></script>

Usage

Vanilla JS

var Sticky = new hcSticky('#element', {
  stickTo: '#content'
});

jQuery

jQuery(document).ready(function($) {
  $('#element').hcSticky({
    stickTo: '#content'
  });
});

Options

  1. top
  2. bottom
  3. innerTop
  4. innerSticker
  5. bottomEnd
  6. stickTo
  7. followScroll
  8. stickyClass
  9. responsive
  10. mobileFirst
  11. disable
  12. onStart
  13. onStop
  14. onBeforeResize
  15. onResize
  16. resizeDebounce

MIT