The Table of Contents on any page should be navigable via the Browsers forward and back arrows
User Story
As a PRACTICAL ™ Product Manager, I want to be able to use the browser’s back arrow to get back to the Table of contents at any time.
Design Considerations
The current template already creates an anchor for each header on the page, and the TOC links to that anchor. However, the URL in the browser is not updated when the user clicks on the link in the TOC. Therefore, the browser’s back button can’t be used to navigate back to the TOC after clicking one of the links.
Acceptance Criteria
Ideally, The TOC would work like Twitter Bootstrap’s documentation Sidebar.
- Whenever a user clicks on any link from the TOC, the URL is updated so the user can navigate back with the browser’s back arrow.
- When the screen is large enough, show the TOC on the Right hand side and automatically highlight it as the user scrolls the page.
This can be accomplished following the tutorial here