Add Scroll Restoration and Auto Close the Hamburger Menu when a Linked is Clicked on - Githubissues

Adastros / audiophile

A static E-Commerce website selling high quality audio products

https://audiophile.fan

1 stars 0 forks source link

Add Scroll Restoration and Auto Close the Hamburger Menu when a Linked is Clicked on #45

Closed Adastros closed 1 year ago

Adastros commented 1 year ago

Overview

The goal of this issue is to add functionality that

emulates a user's browser's scroll restoration on location changes (meaning the location a user was last on a page is saved and loaded when they revisit the page in their page history)
automatically closes the hamburger menu when a page is loaded

Action Items

[x] Add scroll restoration functionality
[x] Add functionality that automatically closes the hamburger menu when a page is loaded

Resources/Instructions

React Router Scroll Restoration

Adastros commented 1 year ago

After researching ways to load the top of a page on every page a user visits, I have decided to implement scroll restoration instead and allow react router to handle it. Scroll restoration will provide a better user experience since users will not have to constantly scroll down to their last location on a page when moving between pages in their browser history.