.sticky-section { position: -webkit-sticky; /* For Safari */ position: sticky; top: 0; z-index: 1000; /* Adjust as needed */ background-color: white; /* Optional: Set background color */ } document.addEventListener('DOMContentLoaded', function() { var stickyElement = document.querySelector('.sticky-section'); if (stickyElement) { var observer = new IntersectionObserver( ([e]) => e.target.classList.toggle('isSticky', e.intersectionRatio < 1), { threshold: [1] } ); observer.observe(stickyElement); } });