How to Add a Smooth Scroll to Top Effect in WordPress using jQuery

Add a Smooth Scroll to Top Effect in WordPress Themes
Lynsey Colson

While this default method is fully functional, there’s a usability problem: clicking that link makes the user jump instantly to the bottom of the page. Because the user doesn’t see any of the content between the link they clicked (at the top of the page) and the destination content (at the bottom of the page), they feel lost and the relationship between sections is destroyed.  A clear representation of this relationship was the original reason for condensing the multiple sections into a single page, so we post the article above.

How TO – Smooth Scroll
Stacy Roberson

Add scroll-behavior: smooth to the <html> element to enable smooth scrolling for the whole page (note: it is also possible to add it to a specific element/scroll container):
Kali Stackhouse

This plugin makes your anchor links to scroll smooth and adds a scroll to top button in the lower-right corner of long pages. The scroll to top button appears after some scrolling and hides automatically reaching top. This plugin is based on cudazi’s plugin “Scroll to Top”, and you may use this plugin if you need “Scroll to top” feature.

Be the first to comment

Leave a Reply

Your email address will not be published.