Add text animation
This commit is contained in:
21
js/script.js
21
js/script.js
@ -1,4 +1,20 @@
|
||||
//Init
|
||||
function reveal() {
|
||||
var reveals = document.querySelectorAll(".reveal");
|
||||
|
||||
for (var i = 0; i < reveals.length; i++) {
|
||||
var windowHeight = window.innerHeight;
|
||||
var elementTop = reveals[i].getBoundingClientRect().top;
|
||||
var elementVisible = 150;
|
||||
|
||||
if (elementTop < windowHeight - elementVisible) {
|
||||
reveals[i].classList.add("active");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener("scroll", reveal);
|
||||
|
||||
$(document).ready(function(){
|
||||
init();
|
||||
});
|
||||
@ -49,4 +65,7 @@
|
||||
$(window).scroll(function () {
|
||||
$(this).scrollTop() > 50 ? $('#scroll').fadeOut() : $('#scroll').fadeIn()
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
Reference in New Issue
Block a user