Sidebar Should be Scrollable Independently from Page Content || UX-UI issue

[CodeforAbj]

Description: Currently, the sidebar on the page scrolls along with the entire page content, making it difficult to navigate when the content is lengthy. To address this, I've locally implemented a solution using CSS to ensure that the sidebar has independent scrolling behavior.

Expected Behavior: The sidebar should have its own scroll bar and should scroll independently from the rest of the page content.

Actual Behavior: Currently, the sidebar scrolls along with the entire page content.

Additional Information: I have temporarily resolved this issue locally by adding the following CSS properties to the sidebar in inspect window:

element { height: 100vh; }

[ramanuj07]

I am thinking to solve this issue by assigning "fixed" property to the sidebar and position it from the bottom. This way sidebar will have an independent scroll and this issue can be tackled.

[ayush9h]

@CodeforAbj @ramanuj07 overflow-y-scroll with fixed height of the sidebar can be used to prevent that. Any suggestions?

[CodeforAbj]

@Masood-ul-Rehman I am not a mod here, so can't assign by myself