jQuery Plugin To Drag and Scroll Html Content - DraggScroll

File Size: 43.2 KB
Views Total: 15851
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Drag and Scroll Html Content - DraggScroll

DraggScroll is a super lightweight jQuery plugin which allows you to click and drag to scroll the long content of an DIV container using your mouse.

Basic Usage:

1. Load the latest jQuery library and jQuery draggScroll plugin at the bottom of your page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/jquery.dragscroll.js"></script>

2. Create a container which contains draggable long content.

<div id="container">
Your Content Goew Here
</div>

3. Call the plugin on the container.

$(document).ready(function() { 
$('#container').dragScroll({});
});

Change log:

2015-05-15

  • added optional limiting of DragScroll to certain classes

This awesome jQuery plugin is developed by jaclimer. For more Advanced Usages, please check the demo page or visit the official website.