lax.js

Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.

MIT License

Downloads
20.5K
Stars
10.3K
Committers
16

Bot releases are hidden (Show)

lax.js - v2.0.3 Latest Release

Published by alexfoxy almost 4 years ago

  • Breaking change, preset values are now delaminated using : instead of - so that negative values cam be used. For example lax_preset_spin-400-360 should now be written as lax_preset_spin:400:360
  • Bug fixes and documentation improvements
lax.js - v2.0.2

Published by alexfoxy almost 4 years ago

  • Replaced document.body.scrollTop and document.body.scrollLeft with window.scrollY and window.scrollX in example and documentation
lax.js - v2.0.1

Published by alexfoxy almost 4 years ago

Lax.js 2.0 has been completely re-written with a focus on modularity and flexibility giving you more tools to create awesome animations.

  • New javascript animation syntax, allowing for more advanced effect combos
  • Use any value to drive animations, for example mouse position, time of day .. and of course scroll!
  • Animations can be given inertia when scrolling
  • Create custom CSS bindings
  • Animation easings
  • And much more..
lax.js - 1.2.5

Published by alexfoxy about 5 years ago

lax.js - 1.2.4

Published by alexfoxy about 5 years ago

lax.js - 1.2.3

Published by alexfoxy over 5 years ago

Added rotateX and rotateY transforms

lax.js - 1.2.2

Published by alexfoxy over 5 years ago

Fixed a problem with lax.addElement fixing #36

lax.js - 1.2.1

Published by alexfoxy over 5 years ago

  • Fixed issue when resizing window
lax.js - 1.2.0

Published by alexfoxy over 5 years ago

lax.js - Added new presets and background position key + optimisation

Published by alexfoxy over 5 years ago

  • changed data-lax-optimize to data-lax-use-gpu
  • now use data-lax-optimize for optimising elements off screen
  • added background position key
  • added swing and speedy presets
  • fixed read me
lax.js - Improved support for react, vue.js and DOM manipulation

Published by alexfoxy over 5 years ago

lax.js - Added lax.populateElements() for use on DOM updates, window size change etc

Published by alexfoxy over 5 years ago

Lax builds a list of all elements it needs to control when the page loads so if they are added to the DOM subsequently they won't be updated on page scroll. If you're using a library like React or vue.js, it is likely that not all elements are in the dom on page load. Because of this you will need to call lax.populateElements() when you add elements to the DOM that you want to animate.

lax.js - Fix for npm main path

Published by alexfoxy over 5 years ago

lax.js - Fixed dependancies

Published by alexfoxy over 5 years ago

Moved babel from dependancies to devDependancies in package.json

lax.js - Tweaks for NPM

Published by alexfoxy over 5 years ago

lax.js -

Published by alexfoxy over 5 years ago