all b- libs]
b-scroll-to [Bornfight frontend micro lib for smooth scrolling
📦 Getting Started
Dependency: gsap
- install
b-scroll-to
trough npm or pull ti from git
npm i @bornfight/b-scroll-to
- include b-scroll-to to your JS after running npm install
🔨️ Usage
JS
import ScrollTo from "@bornfight/b-scroll-to";
new ScrollTo();
HTML markup
<a href="" data-scroll-to="#target" data-offset="100">
Scroll to target
</a>
Basic usage tips
-
data-scroll-to
can be id or class of target element -
data-offset
is type number with value in pixels
💎 Customization
new ScrollTo({
ease: 'expo.out',
duration: 5
});
✅ Properties
Option | Type | Default | Example | Description |
---|---|---|---|---|
ease | string | "power3.inOut" | "expo.out" | Scroll ease can be modified (gsap eases) |
duration | number | 1 | 10 | Duration of the scroll in seconds |
📦 Contribute
Gulp based system
- Gulp 4 used
- browsersync for live reload
npm run dev - dev environent with browsersync
License
MIT © Bornfight