Smooth Scrolling, Highlighted Link and Fixed Side Navigation in Genesis using Page scroll to id and Sticky-Kit

In the members-only forum a user asked:

Trying to achieve what this tutorial outlines.

http://callmenick.com/post/single-page-site-with-smooth-scrolling-highlighted-link-and-fixed-navigation

Here is an example of it in the wild.

http://callmenick.com/post/single-page-site-with-smooth-scrolling-highlighted-link-and-fixed-navigation

It's a really effective for pages with long content in regards to aiding page navigation.

I would love to see a tutorial from you about this!

In this article we shall

• register a custom single-page-sidebar widget area
• set a static Page to appear on the site's front page
• create a template for the static front page having the code to
  1. force sidebar-content layout setting
  2. remove the entry title
  3. remove the primary navigation
  4. show our single-page-sidebar widget area in Primary Sidebar location
  5. enqueue Sticky-Kit on non touch/handheld devices i.e., on desktops to make a custom menu in the left Primary Sidebar always remain in view even when it is scrolled past. This custom menu will have links to the several in-page sections on the front page

Step 1

Add the following in child theme's functions.php: