1.1.2 • Published 3 years ago
tiny-sticky v1.1.2
Tiny sticky
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.
Run demo
- Install dependencies
npm install
- Run dev
npm start
- Build
npm run build
Browser adapting
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.
Usages
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);
Params
singleSticky(
stickyElement: HtmlElement,
scrollElement: HtmlElement | window,
offset: number | 0
);
stickyInArea(
stickyElement: HtmlElement,
stickyAreaElement: HtmlElement,
scrollEle: HtmlElement | window,
offset: number | 0
);