Implement smooth scroll

Hot Tip #77 is to implement smooth scroll in your long-scrolling Landing Page.

Clicking on a navigation pricing link and jumping to a Landing Page pricing section can feel like a fast page load to your visitor.

Implementing smooth scroll will gracefully transport them to the relevant section while reminding them about additional content. It can even prevent them from hitting the back button.

To integrate smooth scroll, simply add this CSS code to your body class:

While native scroll-behavior has come a long way, Safari still needs to come to the party. I’m hoping it’s soon.

• Smooth Scroll Inspiration – A collection of 2000+ Landing Pages I’ve curated featuring smooth scroll.
• Smooth Scroll Compatibility – How it ranks across all browser versions.