Skip to content

[Enhancement]: Implement dynamic auto-hiding navbar on scroll #57

@Sunidhi037

Description

@Sunidhi037

Issue Description

Currently, the navbar remains visible at all times (or is static), which takes up valuable vertical screen space, especially as users delve into their "Developer Potential" insights.

Solution

I would like to implement a "scroll-aware" navbar.

  • Scroll Down: The navbar should smoothly slide up/hide to allow for an immersive viewing experience.

  • Scroll Up: The navbar should immediately reappear to provide quick access to navigation links (Features, How it works, etc.).

Keeping the navbar permanently fixed (current state), which can feel cluttered on smaller viewports.

Additional context

This will improve the UI/UX by prioritizing content while maintaining easy navigation. I've attached a screenshot of the current header for reference.

Image

Metadata

Metadata

Assignees

Labels

EasySWoC26Issues suitable for Social Winter of Code (SWOC) contributors

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions