Mafost Marketing

Author: Matt Foster

Join 900+ subscribers

Stay in the loop with everything you need to know.

Tap to Sign Up

Sign Up for Blog Notifications in Your Email

document.addEventListener("DOMContentLoaded", function() { // 1. Entrance & Parallax Logic (Keeping your existing work) var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('is-visible'); } }); }, { threshold: 0.1 });var parallaxElements = document.querySelectorAll('[class*="mafost-parallax"]'); function handleParallax() { parallaxElements.forEach(function(el) { var rect = el.getBoundingClientRect(); var windowHeight = window.innerHeight; if (rect.top < windowHeight && rect.bottom > 0) { var percentage = (windowHeight - rect.top) / (windowHeight + rect.height); // NEW NOTICEABLE SETTINGS var travelDistance = 120; var move = (percentage * travelDistance) - (travelDistance / 2); var dir = el.classList.contains('mafost-parallaxup') ? -1 : 1; el.style.transform = 'translate3d(0, ' + (move * dir) + 'px, 0)'; } }); }document.querySelectorAll('[class*="mafost-"]').forEach(function(el) { observer.observe(el); });// 2. Optimized Silky Scroll var target = window.pageYOffset; var current = window.pageYOffset; var easing = 0.06; // Adjusted from 0.03 for better responsiveness var isRunning = false;window.addEventListener('wheel', function(e) { e.preventDefault(); target += e.deltaY; target = Math.max(0, Math.min(target, document.documentElement.scrollHeight - window.innerHeight)); if (!isRunning) { isRunning = true; render(); } }, { passive: false });function render() { var diff = target - current; // The "soft landing" happens here current += diff * easing; window.scrollTo(0, current);if (Math.abs(diff) > 0.1) { requestAnimationFrame(render); // Sync parallax during the glide if (typeof handleParallax === 'function') handleParallax(); } else { isRunning = false; } } });