Streaming live at 10am (PST)

Smooth Scrolling?


#1

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/


#2

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...


Smoothscroll, Nicescroll in 2018?
#3

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 smile

​I hope this helps, cheers, Dave


Smooth scrolling
#4

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


#5

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


#6

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


#7

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