Gambit Smooth Scroll Demo

Try scrolling using your mouse wheel to test out smooth scrolling.

Click here to view the page without smooth scrolling.

What's This For?

If your site has some CSS effects: parallax backgrounds, animations, waypoint effects, etc, you can your site more appealing by applying smooth scrolling.

Usage

Copy the script to your root directory then include this line inside your head tag. You don't need jQuery.

<script type='text/javascript' src='gambit-smoothscroll-min.js'></script>

Next, initialize it:

<script type="text/javascript">
new GambitSmoothScroll();
</script>

Settings

To change scroll parameters, just add them on initialization. Here are the default values:

<script type="text/javascript">
new GambitSmoothScroll({
    amount: 150, // The scroll amount
    speed: 900 // The scroll speed
});
</script>

Features

Minimal setup;
Pure Javascript, no jQuery;
Lightweight, only 1kb minified;
Smart, smooth scrolling will disable itself automatically for mobile devices;
Fires the scroll event correctly;
Works with trackpads;
Normalized scroll amount across all browsers; and
Works in all modern browsers

Where to get Support

If you encounter any bugs in our script, please head over to http://support.gambit.ph and leave us a ticket.

Enjoying our Script? Show us some love!

If you're enjoying our script, help us out by rating our item 5-stars in CodeCanyon! Just head over to your downloads page and rate our item. A high rating will help us provide awesome support and more awesome items.

Just Dummy Text Test Scrolling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vitae risus ligula. Etiam lobortis at eros non euismod. Donec condimentum sodales urna quis ornare. Maecenas id malesuada leo. Sed ut vehicula neque. Phasellus vel sapien eu nibh efficitur dignissim vel ac nulla. Aenean fermentum facilisis rutrum. Maecenas consectetur magna vel consectetur facilisis. Nam malesuada velit nec tellus efficitur pharetra. Fusce iaculis urna eget tellus cursus placerat. Fusce interdum tincidunt nibh eget venenatis. Praesent et gravida risus, et tincidunt magna. Phasellus eu iaculis elit. Praesent posuere euismod risus, sodales condimentum magna volutpat a. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Morbi auctor sem orci, eu condimentum arcu tincidunt sit amet. Maecenas eget commodo diam, a sodales quam. Fusce a ligula arcu. Fusce et quam eu lacus gravida imperdiet. Donec ut nibh tortor. Suspendisse vel diam rutrum, interdum ex id, placerat dolor. Donec at tortor at velit pretium viverra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin commodo lorem eget ullamcorper vulputate. Maecenas volutpat, velit ultricies condimentum cursus, odio ipsum tempor lectus, eget sodales felis orci et arcu. Pellentesque pulvinar vehicula volutpat. Mauris dignissim tellus nibh, id varius magna gravida et. In cursus est eget nisl sodales, ac aliquet nisl aliquam. Nulla dapibus nisi sit amet libero mattis, vitae sollicitudin purus fermentum. In auctor, augue eu dignissim efficitur, massa nisi facilisis massa, a tempor mauris justo vitae arcu.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas laoreet nunc ut condimentum accumsan. Sed commodo ultrices neque sed posuere. Phasellus nec augue aliquam nibh consequat sodales ut id orci. Vivamus ultrices imperdiet neque, sit amet ultrices quam venenatis sagittis. In sed sapien tellus. Donec purus est, tincidunt et gravida in, interdum nec nulla. Etiam sit amet mi eget diam convallis commodo non sed lacus. Fusce erat velit, imperdiet eget dignissim eget, tempus eget urna. Duis porttitor mi leo, at porta ante mattis ut. Duis molestie dapibus tincidunt. Proin eget lacus efficitur, cursus sapien ac, bibendum quam.

Aenean tristique, ligula ac tincidunt efficitur, erat ligula pharetra ligula, ut tempus urna lectus id dolor. Phasellus a nisi lacus. Mauris congue libero sit amet sem bibendum cursus. Aliquam eu tellus tristique justo tristique fermentum ut sed tortor. Sed gravida laoreet ipsum. Nam ut ex vitae nulla vestibulum sagittis ut a nisl. Praesent vel enim mattis, ornare sem ac, lobortis ligula. Phasellus non justo vel diam posuere vulputate. Suspendisse potenti. Donec ultrices lectus felis, eu tristique nunc efficitur sit amet. Quisque sit amet nibh vehicula, rhoncus mi vitae, blandit urna. Suspendisse eu consectetur augue. Quisque eleifend libero nec diam ultrices ullamcorper.