// ---------------
// PARALLAX EFFECT
// ---------------

// HTML example: <div class="parallax" data-rate="0.4" data-delay="200" data-stop="300"></div>

window.addEventListener('scroll', () => {
	const target = document.querySelectorAll('.parallax');
	target.forEach(item => {
		const pos = window.pageYOffset * item.dataset.rate;
		if (item.dataset.stop && pos >= item.dataset.stop) {
			return;
		}
		if (!item.dataset.delay) {
			item.style.transform = `translate3d(0px, -${pos}px, 0px)`;
		} else if (pos >= item.dataset.delay) {
			item.style.transform = `translate3d(0px, -${pos - item.dataset.delay}px, 0px)`;
		}
	});
});