@silen/sticky v0.0.2

sticky

Sticky is a lightweight alternative to position: sticky polyfills

install

npm i @silen/sticky

usage

import Sticky from '@silen/sticky';

const selector: string | Element = '.child';
const option: {
  customStickyChangeNumber?: number | null;
  noStyles?: boolean;
  stickyBitStickyOffset?: number;
  parentClass?: string;
  scrollContainer?: Element | string | Window;
  stickyClass?: string;
  stuckClass?: string;
  stickyChangeClass?: string;
  useStickyClasses?: boolean;
  useFixed?: boolean;
  useGetBoundingClientRect?: boolean;
  verticalPosition?: 'top' | 'bottom';
  applyStyle?: Function;
} = { scrollContainer: document.querySelector('.container') };

const sticky = new Sticky(selector, option);

more examples