This website project consists on a multi-section landing page, with a dynamically updating navigational menu based on the amount of content that is added to the page.
- This project includes these functionalities:
- Navigation is built dynamically as an unordered list.
- Apply a section active style while scrolling through the page
- Scroll through sections using Javascript
As asked on the Suggested section of the rubric the project also includes:
- Add an active state to your navigation items when a section is in the viewport.
- Hide fixed navigation bar while not scrolling (it should still be present on page load).
- Hint: setTimeout can be used to check when the user is no longer scrolling.
- Add a scroll to top button on the page that’s only visible when the user scrolls below the fold of the page.
- Update/change the design/content.
- Make sections collapsible.