Enable Smooth Scrolling on a Shopify website

Posted By: Dylan Hunt

Published: March 07, 2018 15:59

Hey guys. I get asked to implement this a lot, so here is a simple bit of code that can be put in the theme.liquid at the bottom before or into the app.js or theme.js file to smooth scroll to anchor links on your site. Don't know what an anchor link is? An Anchor link is a link from one spot on the page to another, and normally it just jumps you to that spot, but smooth scrolling shows the user whether they are moving up or down, and is just a nicer experience. here is the code: If you are implementing this in the theme.liquid, add after. If you are putting it into the app or theme.js, paste it as is at the bottom.

Need help implementing any of these guides?

Contact Me