Smooth Scrolling

Download Source Code: Smooth Scrolling.zip (4.42 KB)
Forum-Hosted Link: techviewforum.com/smooth.js (link offline, sorry about that)

Introduction

This will show you a simple script to create a smooth scrolling effect. This is especially handy when working with animations on scroll (eg: parallax). An example of this is...well, this forum. Try scrolling and comparing it to that of a website without smooth scrolling (please note that this is kind of pointless if you already have a plug-in or extension for your browser which adds smooth scrolling...still comes in handy for those who don't).


Implementing the control

Hosting it yourself:
1. Download the smooth.js file and upload it to the server of your choice (eg: In the same place where your index.html file is stored).
2. Link to the smooth.js file from your server in your preferred page where you want smooth scrolling to function (eg: Your index.html file), like this:

<script src="http://myserver.com/smooth.js"></script>

Use the TechViewForum's hosting:
1. Link to the smooth.js file from the TechViewForum ( techviewforum.com/smooth.js ) in your preferred page where you want smooth scrolling to function (eg: Your index.html file), like this:

<script src="http://techviewforum.com/smooth.js"></script>

Using the code

That's it! No need for any extra coding! Simply link to the smooth.js file as shown above from the page where you want smooth scrolling to function.

Overview

This is a great little feature which can make your site seem smooth and fast.

I hope you found this article interesting!