Drag me around
<div id="draggable" class='drg_box'>
<p>Drag me around</p>
</div>
<br><br><br><br><br><br><br>
<button id=b1>scrollSensitivity : 100 </button><button id=b2>scrollSensitivity 200</button> <br>
<div id=d1></div>
<script>
$(document).ready(function() {
////////////////
$( "#draggable" ).draggable({
scroll:true,
scrollSensitivity: 10
});
//////
$("#b1").click(function(){
$( ".drg_box" ).draggable( "option", "scrollSensitivity", 100 );
var scrollSensitivity = $( ".drg_box" ).draggable( "option", "scrollSensitivity" );
$('#d1').html("scrollSensitivity value is " + scrollSensitivity);
})
//////////////
$("#b2").click(function(){
$( ".drg_box" ).draggable( "option", "scrollSensitivity", 200 );
var scrollSensitivity = $( ".drg_box" ).draggable( "option", "scrollSensitivity" );
$('#d1').html("scrollSensitivity value is " + scrollSensitivity);
})
//////////////
//////////////
var scrollSensitivity = $( ".drg_box" ).draggable( "option", "scrollSensitivity" );
$('#d1').html("scrollSensitivity value is " + scrollSensitivity);
/////
})
</script>