1.0.2 • Published 4 years ago

@bornfight/b-scroll-to v1.0.2

Weekly downloads
1
License
MIT
Repository
github
Last release
4 years ago

b-scroll-to [all b- libs]

Bornfight frontend micro lib for smooth scrolling

GitHub package.json version GitHub package.json dynamic GitHub issues GitHub

📦 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

OptionTypeDefaultExampleDescription
easestring"power3.inOut""expo.out"Scroll ease can be modified (gsap eases)
durationnumber110Duration of the scroll in seconds

📦 Contribute

Gulp based system

npm run dev - dev environent with browsersync

License

MIT © Bornfight