As the page scrolls, the Call to Action button that reads "Explore open roles" should scroll into the header as the page goes down. The button should remain sticky in the header for the rest of the page. When the user scrolls back to the top, the button becomes unsticky and appears beneath the "Careers in Engineering" heading like it appears on page load.
Optimally this would use a CSS-only implementation using the same button element. If that's not possible, two elements and/or JS can be used.
For smaller viewports, the button should appear sticky at the top of the page when the user scrolls to it. To prevent any readability issues, the button can appear on top of a 100%-width white background container.
As the page scrolls, the Call to Action button that reads "Explore open roles" should scroll into the header as the page goes down. The button should remain sticky in the header for the rest of the page. When the user scrolls back to the top, the button becomes unsticky and appears beneath the "Careers in Engineering" heading like it appears on page load.
Optimally this would use a CSS-only implementation using the same button element. If that's not possible, two elements and/or JS can be used.
For smaller viewports, the button should appear sticky at the top of the page when the user scrolls to it. To prevent any readability issues, the button can appear on top of a 100%-width white background container.