Skip to content

Instantly share code, notes, and snippets.

@neonicotinoid

neonicotinoid/parallax-translate3d.js

Created March 1, 2018 11:44
Show Gist options
  • Save neonicotinoid/2093fa2eeec81bd572f2ae7fdb9c9120 to your computer and use it in GitHub Desktop.
Save neonicotinoid/2093fa2eeec81bd572f2ae7fdb9c9120 to your computer and use it in GitHub Desktop.
Download ZIP
Smooth parallax on vanilla JS
Raw
parallax-translate3d.js
window.onscroll = function () {
var scrollBarPosition = window.pageYOffset | document.body.scrollTop;
var parallax = scrollBarPosition / 40;
parallaxEl = document.querySelector('.class-name');
parallaxEl.style.transform = 'translate3d(0px, ' + parallax + '%, .01px)';
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment