Smooth Scrolling Links with Scroll Targets

Learn how create links that animate to specific sections of your web page, using Scroll Targets. Plus, we’ll mix in Scroll Speed to create parallax effects.

In this video tutorial, we’ll show you how to create links that smoothly animate to specific sections on your web page, using Scroll Targets. First, we add the Scroll Target properties to the sections we’d like to link to. Then, we can create new links that point to the same page, and then we’re presented with the Targets property, allowing us to pick from all targets that exist on the same page. Finally, we can set Scroll to Smooth. The video also covers how to work with components and how to mix in Scroll Speed effects to create parallax effects. If you’re interested in playing around with these features, feel free to remix my demo project here.

Supercharge your business site.
  • 99.99% uptime

  • Dedicated IP address

  • Unlimited pages

  • Proxy support

  • Custom onboarding

  • Unlimited viewers

  • Invoicing

  • Custom terms

  • Security reports

  • Single sign-on

  • Canonical URL

  • User roles

  • Office hours

  • Performance audit

  • SEO audit

  • Advanced DDoS protection

  • Custom agreements

Framer UI
Supercharge your business site.
  • 99.99% uptime

  • Dedicated IP address

  • Unlimited pages

  • Proxy support

  • Custom onboarding

  • Unlimited viewers

  • Invoicing

  • Custom terms

  • Security reports

  • Single sign-on

  • Canonical URL

  • User roles

  • Office hours

  • Performance audit

  • SEO audit

  • Advanced DDoS protection

  • Custom agreements

Framer UI
Supercharge your business site.
  • 99.99% uptime

  • Dedicated IP address

  • Unlimited pages

  • Proxy support

  • Custom onboarding

  • Unlimited viewers

  • Invoicing

  • Custom terms

  • Security reports

  • Single sign-on

  • Canonical URL

  • User roles

  • Office hours

  • Performance audit

  • SEO audit

  • Advanced DDoS protection

  • Custom agreements

Framer UI