Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
MIT License
Bot releases are visible (Hide)
:
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
Published by alexfoxy almost 4 years ago
document.body.scrollTop
and document.body.scrollLeft
with window.scrollY
and window.scrollX
in example and documentationPublished 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.
Published by alexfoxy about 5 years ago
Published by alexfoxy about 5 years ago
Published by alexfoxy over 5 years ago
Added rotateX and rotateY transforms
Published by alexfoxy over 5 years ago
Fixed a problem with lax.addElement fixing #36
Published by alexfoxy over 5 years ago
Published by alexfoxy over 5 years ago
lax
class to any element you want to animate.Published by alexfoxy over 5 years ago
data-lax-optimize
to data-lax-use-gpu
data-lax-optimize
for optimising elements off screenPublished by alexfoxy over 5 years ago
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.
Published by alexfoxy over 5 years ago
Published by alexfoxy over 5 years ago
Moved babel from dependancies to devDependancies in package.json
Published by alexfoxy over 5 years ago