Skip to content

iamvdo/stickyElements

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sticky Elements

Everything can stick. Just because.

Demo

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 same x and y values. If object, can contain x and/or y 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 and touch-action attribute on each elements (follow PEP polyfill instructions).

About

💄 Everything can stick. Just because.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published