Scroll effect JavaScript

/**
 * Scroll effect
 */

function scrolly() {
	var ecapsx1 = document.getElementById('ecapsx1');
	var ypos    = window.pageYOffset;

	if (ypos < 1) {
		ecapsx1.classList.add('bounceInDown');
		ecapsx1.classList.remove('bounceOutUp');
	}

	if (ypos > 10) {
		ecapsx1.classList.add('bounceOutUp');
	}

	if (ypos > 328) {
		ecapsx1.classList.add('bounceInDown');
		ecapsx1.classList.remove('bounceOutUp');
	}

	console.log(ypos);
}

window.addEventListener("scroll", scrolly);