jQuery Smooth Div Scroll by Thomas Kahn

Back to index


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:

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() {

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