Sticky Elements
Everything can stick. Just because.
Getting started
npm install stickyelements
and insert dist/stickyelements-animate.js
(or build your own bundle using src
files)
Then, stick elements!
stickyElements('.item', { stickiness: 5, duration: 450 });
Arguments
CSS selector
- Elements that will stick to your mouse
Options
stickiness
[Integer, Object]: How long elements remain stick to your mouse. If integer, apply samex
andy
values. If object, can containx
and/ory
key. Integer between 0 and 10. (Default:3
)duration
[Integer]: Duration in milliseconds of animation (using animateplus. (Default:450
)pointer
[Boolean]: Enable Pointer Events instead of Mouse Events. Elements will stick to mouse, touch and all input types (Default:false
). Need PEP polyfill andtouch-action
attribute on each elements (follow PEP polyfill instructions).