window.addEventListener('scroll', (evt) => {
const footer = document.getElementById('spans');
const isInView = isScrolledIntoView(spans);
if (isInView) {
console.log;
} else {
console.log;
// --
$(function() {
var words = $('h1').blast({
delimiter: 'word'
});
words.each(function(i) {
$(this).css({
position: 'relative',
top: 150,
})
.delay(i * 70)
.animate({
top: '50px'
}, 400, );
});
});
}
})
function isScrolledIntoView(el) {
const rect = el.getBoundingClientRect();
const elemTop = rect.top;
const elemBottom = rect.bottom;
return elemTop < window.innerHeight && elemBottom >= 0;
}