Join Morten Rand-Hendriksen for an in-depth discussion in this video Adding Smooth Scroll for the scrolling effect, part of WordPress: Building a One-Page Style Site.
…Now that our menu is sticking to the top of the page and…allows us to jump to each individual section like we wanted to,…there's only one step left and that is to add that smooth scrolling behavior.…Now when you're looking for this type of scrolling behavior, you're likely to…find hundreds of different scripts that add scrolling behavior and lots of other…things, like parallax graphics and lots of other very complicated and very pretty…elements that are really just distracting from what's actually going on on the page.…
In my opinion, if you want just scrolling, you should find the simplest and…most straightforward solution.…And don't invest a lot of time in these extremely advanced functionalities because…they generally bog down the browser, make the site harder to…load on mobile devices and don't really add anything to the experience.…The great thing is there's a script out there called Simply Smooth Scroll that…just uses standard jQuery to make the scrolling happen.…And all you need to do is just add it into your code and then it automatically works.…
- Creating a foundation for the front page with a child theme, styles, and dummy content
- Using custom queries to display content from different pages
- Adding testimonials
- Adding a custom menu
- Creating a scrolling effect