Skip to content

feat: add active navigation highlighting example#1461

Open
Akshu121796 wants to merge 1 commit into
SAPTARSHI-coder:mainfrom
Akshu121796:feat/active-nav-submission
Open

feat: add active navigation highlighting example#1461
Akshu121796 wants to merge 1 commit into
SAPTARSHI-coder:mainfrom
Akshu121796:feat/active-nav-submission

Conversation

@Akshu121796
Copy link
Copy Markdown

Summary

Adds a standalone Active Navigation Highlighting example under submissions/examples/active-navigation-highlighting.

The example demonstrates how documentation navigation items can automatically receive an active state based on the currently visible section using the Intersection Observer API.

Included

  • Self-contained documentation-style demo
  • Automatic active section detection on scroll
  • Active navigation styling with visual indicators
  • Responsive layout
  • Documentation explaining usage and purpose

Checklist

  • Added files only inside submissions/examples/active-navigation-highlighting
  • Included demo.html
  • Included style.css
  • Included README.md
  • Demo works without external frameworks
  • Followed repository contribution guidelines

Closes #1320

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jun 5, 2026

✅ Submission Validation Passed!

Great job! All required files are present.

📁 Folder: submissions/examples/active-navigation-highlighting

Files found:

  • demo.html
  • style.css
  • README.md

🚀 Next Steps:

  • The maintainer will review your PR
  • Respond to any feedback if requested
  • Once approved, your contribution will be merged!

Thank you for contributing to EaseMotion CSS! 🎉

@Akshu121796
Copy link
Copy Markdown
Author

Hi @SAPTARSHI-coder,
I've submitted a PR for this issue.

Implemented:
• Active navigation highlighting based on the currently visible section
• Intersection Observer based section tracking
• Standalone demo showcasing documentation-style navigation
• README with usage and explanation

Thank you for reviewing.
If no changes are required, please add the required label (gssoc:approved).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEATURE] Active Navigation Highlighting for Documentation Sections

1 participant