Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create a sticky menu component #2736

Open
padms opened this issue Dec 24, 2024 · 0 comments
Open

Create a sticky menu component #2736

padms opened this issue Dec 24, 2024 · 0 comments
Assignees

Comments

@padms
Copy link
Contributor

padms commented Dec 24, 2024

We would like to create a sticky menu that follows a user as the scroll down a page. This would be used for the Annual report landing page in the first iteration to allow the main AP PDF to be accessed by user.

The component should be visible as user scrolls down the page
The component should allow editor to add a title
The component should have an option to add an anchor link to jump down to a given point on the page
The component should allow editor to add a download
Options for colour background: White + light green as per sketch.
Use new design for Download CTA inc new Icon for PDF
Should the component not feature on mobile?

Screenshot 2024-12-19 at 14.40.00.png

Inspiration:
https://www.apple.com/environment/

Challenges:
How does it interact with the main menu? Apple example works well when user scrolls back up.
Should we replicate the shadow of the main menu on the sticky menu?

@padms padms self-assigned this Dec 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant