Smooth Site Scrolling?

Here you go. Example in my portfolio below…

http://theofficeofvc.com/

Can’t remember where I found this but it took some digging around when I wanted to know the same thing a couple years ago. I add it to all my builds along with “fastclick.js” to get rid of click delays on browsers - both add a nice little final polish.

The current settings add just a subtle little “hi-jacking” of the default janky/jumpy scrolling behavior of most browsers. Just a touch of smoothness and a tiny bit of overscroll on a quick mouse wheel movement, if you want a different feel then play around with the settings at the top of the script. You can fine tune it quite a bit…

Webflow doesn’t allow you to upload js files so you’ll need to host it elsewhere…

Then just add it as an include in the footer code of your site.

<script type="text/javascript" src="https://yourhostingservice/smoothscroll.js"></script>

Settings

4 Likes