Advanced React

Join the React Bootcamp

The React Bootcamp is 5 full weeks of professional React training to take you from wherever you are to top-tier React programmer in record time.

Lifetime Access

$79
Complete Package
Become a React Pro
Problem

Scroll To Element

When the user clicks on the "Go to Pricing" button, make the page scroll down to the pricing section at the very bottom to make it easier for them to checkout.

Be sure to use a ref and use it to scroll to the bottom of the page, namely the pricing card.

This lesson is part of the full version of the React Bootcamp.

Click here to purchase.
Already joined? Log in here

Transcript

Currently, we are examining a landing page, which includes both a hero section and a pricing section.

Perhaps a visitor is interested in what we offer at the top of the page and desires to navigate directly to the pricing section.

Another practical application for a ref is to enable scrolling to...