smoothState.js is a jQuery plugin that progressively enhances page loads to give us control over page transitions. In this tutorial I discuss implementing smoothState.js in Genesis. Since the HTML content of initial page (ex.: front page) will be replaced with that of the later page (ex: an inner page) using Ajax, going back to the […]
smooth scrolling
How to set up smooth scrolling for hash links in WordPress
Updated on February 18, 2017 There are several ways to scroll smoothly when clicking on jump links (anchors linking to sections within the same page) and the simple code below is from Paulund’s site. But first the sample markup: Step 1 Create a file named say, global.js in your child theme’s js directory (create, if […]
Smooth scrolling to sections within Front Page of Parallax Pro
In this tutorial I show how nav menu items in the header of Parallax Pro can be linked to individual sections on the front page. Clicking on a menu item smoothly scrolls to that section and the menu item gets highlighted. Menu items highlighting also happens as the user scrolls up or down and enters […]
Smooth scrolling between page sections using Page scroll to id
Page scroll to id is a great jQuery/WordPress plugin for smoothly scrolling to sections on the same page. Version 1.5.0 of the WordPress plugin was released on Jan 4th and from the change log we can see, * Added `offset` option: Offsets scroll-to position by x amount of pixels (positive or negative). If you have […]
Smooth scrolling to in-page links in any Genesis theme
Ben writes, Clicking on the ‘Our Work’ button on the home page of the Agency Template results in a smooth scroll to the anchor half way down the page. However, when I create a button on other pages which I would also like to smooth scroll, it just jumps instantly down the page. I suggested […]
Recent Comments