AOSSIE-Org / website

AOSSIE Offical Website
https://aossie-org.github.io/website/
MIT License
15 stars 112 forks source link

Feature Request: Implement Smooth Scrolling #24

Open Amdadullah-Raihan opened 2 months ago

Amdadullah-Raihan commented 2 months ago

Feature Request: Implement Smooth Scrolling

Description:

I would like to request the implementation of smooth scrolling for the website. Smooth scrolling improves the user experience by providing more fluid and visually appealing navigation when users scroll through the page.

Current Behavior:

Currently, the website uses the default scrolling behavior which can be jarring and abrupt.

https://github.com/AOSSIE-Org/website/assets/86322464/2ce64ced-6ed5-4d99-90b8-074423a534f6

Proposed Solution:

Implement smooth scrolling using CSS and JavaScript. This can be achieved by adding the following CSS rule:


html {
  scroll-behavior: smooth;
}

Or we can use a npm package to make it feel more appealing.