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/
vincent
(Vincent Bidaux)
July 22, 2015, 12:19pm
2
Hi. It’s not called smooth scrolling, which is, you know it, smoothly scrolling to an anchor after a click
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
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: Custom code in head and body tags | Webflow University
There may be other custom code options as well for something like this
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
system
(system)
Closed
September 21, 2015, 3:31pm
6
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.
forresto
(Forrest Oliphant)
May 21, 2018, 2:53pm
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