<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script> $(document).ready(function() { function init() { var $secondSection = $('section[data-section-id="6557a68f874cd62201378803"]'); var $body = $('body'); var $header = $('header'); if (!$secondSection.length || !$body.length || !$header.length) { setTimeout(init, 100); return; } var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { $body.addClass('scroll-past'); } else { $body.removeClass('scroll-past'); } }); }, { threshold: 0, rootMargin: '-10% 0px 0px 0px' }); observer.observe($secondSection[0]); } init(); }); </script> <style> body.scroll-past section[data-section-id="654ea75c7726da3882ed4d8d"] { opacity: 0 !important; visibility: hidden !important; } </style>