<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(function(){ var visibleTop = 300; $(window).scroll(function() { var scroll = getCurrentScroll(); if ( scroll >= visibleTop ) { $('body').addClass('sticky'); } else { $('body').removeClass('sticky'); } }); function getCurrentScroll() { return window.pageYOffset || document.documentElement.scrollTop; } }); </script> <style> section[data-section-id="67cf2d57d80f6c3e93a6e8a9"] { position: fixed; top: 0; left: 0; width: 100%; z-index:99999; transform: translateY(-100%); transition: all 0.3s ease; } footer.sections { z-index: 999999 !important; } body.sticky section[data-section-id="67cf2d57d80f6c3e93a6e8a9"] { transform: translateY(0%) !important; transition: all 0.3s ease; } </style>