Parallax scrolling with JavaScript
// Parallax header content | |
window.onscroll = function emParallax() { | |
if(window.pageYOffset>1) { | |
document.getElementById("parallax").style["-webkit-transform"] = "translateY("+(window.pageYOffset/3)+"px)"; | |
} else { | |
document.getElementById("parallax").style["-webkit-transform"] = "translateY(0px)"; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This comment has been minimized.
daviddarnes commentedNov 3, 2015
Example CodePen for reference http://codepen.io/daviddarnes/pen/vNajoe