scrollbounce
Quickstart
npm install scrollbounce
or
yarn add scrollbounce
data-bounce-id
attributes:
1. Give animated elements unique
2. Init the animation:
const stopBounce = // if you want to remove the effect later:
Options
The default effect is pretty subtle. To crank it up you can pass in an effectMultiplier
option.
Coming soon
- Improved edge case handling
- Performance optimizations
- More spring customization
- Support horizontal scroll
Details
- Inspired by the "BouncyLayout" library for iOS
- This library is targeted towards touch devices and won't have any effect on desktop.