ProDev-io / ProDev

https://pro-dev.vercel.app
0 stars 0 forks source link

Page Scrolling / Scroll within page to component. #5

Closed JohnstoneDev closed 1 year ago

JohnstoneDev commented 1 year ago

Some Navigation / Clickable components on the page are intended such that once clicked, they move the view to a component.

Example

This button should scroll the page to the footer component where a user will fill in details in the contact form

image

The Navbar links should scroll the page to their corresponding elements image

Implementation

You are tasked to implement the described functionality to the best of your knowledge, a possible implementation can be found discussed on this blog post :

https://codefrontend.com/scroll-to-element-in-react/

See Also ;

Locomotive Scroll : https://github.com/locomotivemtl/locomotive-scroll

ScrollyTelling : https://github.com/basementstudio/scrollytelling

JohnstoneDev commented 1 year ago

Closing the issue, it was implemented here : https://github.com/ProDev-io/ProDev/pull/11 using DOM Manipulation, issue is free to be re-opened once someone is familiar & is confident to use an animation library.