Streaming live at 10am (PST)

Smooth Scrolling - Awwwards website


#1

Hello, Webflow Community!

I was wondering if anyone knew of a solution to getting smooth scrolling similar to this awwwards website - https://www.awwwards.com/new-brand/

I have tried to animate individual sections while scrolling, but am not getting as good of a result. The awwwards website has some really smooth momentum to it while scrolling. Would love to remake this in my own website - trytab.com

I appreciate any help!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Hello @jholowesko

Maybe this thread can help you:


#3

Hey, @aaronocampo

Unfortunately, that doesn’t actually help.

I’m trying to figure out how to get this Java Sript file working on my Webflow Project.

I have uploaded the file to my server, and used this script in the footer code of my site.

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

But I can’t get it to work :’(. I would really appreciate your help community!

I followed this tutorial - Smooth Site Scrolling? but haven’t been able to make anything work.


#4

Hi @jholowesko, at least one issue is that there is a custom code error on the mousewheel custom js on the published site:

I would first remove all custom code not related to the smoothscroll, then republish to see if that helps and if not, then we can take another look.


#5

Thanks @cyberdave,

I resolved the issue you mentioned above but still am having no luck :frowning:

I think the issue is still within the .js file because the developer’s chrome plugin doesn’t even work.

Would really appreciate you letting me know if you come across any other solutions!