zhangzewei / mini-sticky Goto Github PK

implace the sticky without css sticky, can use to set single element to sticky, also can set one element to sticky in some area element.

1. Install dependencies

npm install

2. Run dev

npm start

3. Build

npm run build

use getBoundingClientRect to check element is at the screen window, and can I use link of getBoundingClientRect;

And compiled with babel, so it can be used on at most 99% browsers.

import { stickyInArea, singleSticky } from 'tiny-sticky';
const stickySelfEle = document.querySelector('.nav');
const stickyInAreaEle = document.querySelector('.nav.right');
const stickyAreaElement = document.querySelector('.main');
singleSticky(stickySelfEle);
stickyInArea(stickyInAreaEle, stickyAreaElement);

singleSticky(
  stickyElement: HtmlElement,
  scrollElement: HtmlElement | window,
  offset: number | 0
);

stickyInArea(
  stickyElement: HtmlElement,
  stickyAreaElement: HtmlElement,
  scrollEle: HtmlElement | window,
  offset: number | 0
);