Show when scrolling down and hide when scrolling up (Custom sticky header for Elementor)

Custom headers for Elementor. Show when scrolling down and hide when scrolling up. Create a special section for the primary header and one for the sticky header. Add id for sticky header section with id "stickyheaders" Add HTML elements and paste the code between <script> CODE HERE </script>