Streaming live at 10am (PST)

Smooth Scrolling?

Chrome version >> 44
Screenshots >> Below
Read-Only Link >> https://preview.webflow.com/preview/mojobas?preview=d84eb1058824db061d7da821cdae29b6

How would I go about adding smooth scrolling to my website? And no, I don’t mean with anchors to different sections. I just mean smooth scrolling while using the mouse.

I would like it like this: http://joycommunitychurch.org/

Hi. It’s not called smooth scrolling, which is, you know it, smoothly scrolling to an anchor after a click :wink:

So I don’t know how it’s called, but it does for sure require JS code. I tried to find the name of such behavior on Google but couldn’t…

Hi @vincent and @MinewireNetwork, the function is called smooth scrolling or nice scroll :smile:

This is not built in to Webflow, but you can add a simple jQuery plugin that can do this: http://areaaperta.com/nicescroll/.

There is also a cdnjs repository that you can link to for the script code:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.6.0/jquery.nicescroll.min.js"></script>

This would go in the Footer of the site, using custom code: http://help.webflow.com/site-settings/custom-code

There may be other custom code options as well for something like this :slight_smile:

​I hope this helps, cheers, Dave

2 Likes

Thank you for the assistance, but I do not have the paid version of Webflow. How would I add a script without Footer Access?

Hi @MinewireNetwork, ahh I see. At the moment the custom code feature is a paid plan feature only.

Depending on the number of sites you want to create, the Micro (1 site): http://help.webflow.com/account/plans#micro or Personal plan: http://help.webflow.com/account/plans#personal are good choices.

Cheers, Dave

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.

To get smooth scrolling between anchor links you don’t need custom code now, as Webflow builds that in by default: http://smooth-scroll-32e0f4.webflow.io/#a