Tutorial Stats

How To Make A One Page Smooth Scrolling Navigation​ in Your Weebly Site

Posted By Chris, Weebly Web Designer & Front-End Developer
Wednesday July 22, 2015, UPDATED 1/18/17
Tutorial Description
This tutorial will show you how to make a one page smooth scrolling navigation in your Weebly site. The feature will allow smooth scrolling between different sections on your homepage, simply by clicking on items in the navigation.

You need a fixed (i.e., permanently at the top) navigation for this feature to work best. If your theme's navigation is not fixed, the end of this tutorial will explain how to make it fixed.

Optional: You can use this tutorial if you want to spice things up and make your navigation stick to the top of your site when the site is scrolled beyond the navigation.

Note: With the implementation of this feature, a new page layout will be created that will have sections created by code. Despite this, you will still be able to drag and drop the "Sections" element into the middle of this new page layout.
SHOW MORE
Tutorial
Widget Powered by Editor Tricks
Need Help Installing This Tutorial?
5.0
(60)
Open
· Closes 5 PM
Closed
· Opens 7 AM