Files
cardconjurer/data/scripts/animations.js
2020-07-24 11:54:43 -07:00

18 lines
625 B
JavaScript

//CSS & HTML stuff
window.animatedElements = document.querySelectorAll('.animated')
window.addEventListener('resize', windowResized)
window.addEventListener('scroll', windowScrolled)
windowResized()
function windowResized() {
window.windowHeight = window.innerHeight
windowScrolled()
}
function windowScrolled() {
for (var i = 0; i < animatedElements.length; i++) {
var positionFromTop = (animatedElements[i].getBoundingClientRect().top + animatedElements[i].getBoundingClientRect().bottom) / 2
if (positionFromTop - windowHeight <= 0) {
animatedElements[i].classList.add('revealedAnimation')
}
}
}