jQuery Smooth Div Scroll by Thomas Kahn

Back to index

Dependencies

Smooth Div Scroll is not a stand-alone script. It depends on a couple of other jQuery libraries to work. These are:

Apart from these libraries you will of course need to load Smooth Div Scroll. So if you put it all together it will look something like this:


<!-- LOAD JAVASCRIPT LATE - JUST BEFORE CLOSING THE BODY TAG. 
That way the browser will have loaded the images and will 
know the width of the images. No need to specify the width 
in the CSS or inline. -->

<!-- jQuery library - Please load it from Google API's -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

<!-- jQuery UI Widget and Effects Core (custom download)
You can make your own at: http://jqueryui.com/download -->
<script src="js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
	
<!-- Latest version of jQuery Mouse Wheel by Brandon Aaron
You will find it here: http://brandonaaron.net/code/mousewheel/demos -->
<script src="js/jquery.mousewheel.min.js" type="text/javascript"></script>

<!-- jQuery Kinetic - for touch -->
<script src="js/jquery.kinetic.min.js" type="text/javascript"></script>

<!-- Smooth Div Scroll 1.3 minified-->
<script src="js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>

<!-- If you want to look at the uncompressed version you find it at
js/jquery.smoothDivScroll-1.3.js -->


<!-- Plugin initialization -->
<script type="text/javascript">
	// Initialize the plugin with no custom options
	$(document).ready(function() {
		$("#makeMeScrollable").smoothDivScroll();
	});
</script>

Please, please don't attempt to use the javascript and image files on my website on your own site (hotlinking)! It won't work since I've blocked external access of the files. I have pointed out the alternatives above - use them. Thanks!

Back to index